我试图检查CSS属性从输入到表格单元格。输入在点击时出现，在失去焦点时消失，就像我试图检查它一样。 当我移动到另一个窗口(检查器)时，我如何做到不失去焦点?
当前回答
在Chrome的开发人员工具页面上测试的页面…点击选项菜单，打开设置选项…在DevTools下启用“模拟焦点页面”
然后在测试页面中显示元素。这可以让我的弹出式搜索结果集中在屏幕上，这样我就可以使用它。
其他回答
不是一个真正的解决方案，但它通常是有效的。
聚焦元素 右击上下文菜单 转到开发人员工具
在Chrome浏览器中，打开开发人员工具，然后选择元素选项卡 打开你想要检查的元素的父节点的上下文菜单，在上下文菜单中单击>子树修改上的Break。
之后，你只需要点击页面，你就会进入检查器，而不会失去焦点或失去你想要检查的元素。
在chrome devtools设置中，有一个名为模拟焦点页面的选项，默认情况下是禁用的。启用此选项后，如果您单击devtool窗口上的任何位置，都不会导致DOM中的任何元素失去焦点。
Chrome版本>= 86:
打开devtools，按Command+Shift+P (Mac)或Control+Shift+P (Windows、Linux)打开命令菜单。在命令菜单中输入渲染，然后选择显示渲染。在那里，您可以启用模拟一个集中的页面。
在此之后，只需单击任何元素来聚焦，然后单击devtool窗口上的任何地方。你会看到那个元素并没有失去焦点。所以现在您可以轻松地检查或调试。
Chrome版本< 86
转到devtool设置->首选项，在全局选项下，启用模拟一个聚焦页面。
我遇到了一个非常困难的情况，这里没有答案(我没有验证改变容器的答案，这是我的主体，或原始事件，因为我不知道)。我终于找到了一个解决办法，通过控制事件监听断点在Chrome检查器。也许这也是一种跨浏览器的方式打破复杂的情况下，甚至F8或右键单击鼠标隐藏弹出再次:
不确定这是否在你的情况下工作，但通常(在任何情况下都值得一提，因为这是一个伟大的工具)在Chrome开发工具中，你可以模拟元素的状态，其中一个也是:焦点。
要做到这一点，请转到开发人员工具中的元素选项卡，并确保您在右侧的样式部分(这应该是启动开发人员工具时的默认位置)。现在在右上角的样式下面有一个Toggle Element State图标。当你点击它时，你可以模拟:active，:hover，:focus和:visited在你的代码视图中选择左边的元素。
