如何检查浏览器调试扩展中的动态内容？

Question

我有弹出窗口，当鼠标悬停在某个对象上时出现在我的网站上。一旦发生这种情况，我可以按下（在Chrome中）Ctrl-Shift-C并激活元素选择模式并选择弹出窗口中的任何元素。但是一旦我做出选择，网页就会进入正常流程，弹出窗口会立即消失，因为鼠标不再处于正确的位置。

有可能以某种方式克服这种情况吗？例如，选择元素，但不终止选择模式？

Answer 1

Chrome和Firefox都可以在各自的DevTools中设置和保持伪类，如悬停，活动和焦点。这允许您使用页面，就像鼠标与您更改伪类的元素交互一样。

以下显示在SO top-nav栏中的Documentation链接上切换hover伪类。

以下是Chrome中的内容：

这是Firefox中的样子：