注意:我已经阅读了类似的线程,但是没有我的问题 - 我可以右键单击它,然后它消失了。

我发现"检查元素"是Chrome中的宝贵工具,但是我最新的企业学习了许多人已经拥有的巫师方式,您中的许多人已经看到我为我的Nav bar上的一个元素创建了一个子菜单,该元素在下面弹出了它的悬停在下面父项目。

弹出窗口(或下降)并不完全是我想要的样式,因此我右键单击>检查元素以查看从哪里到达的内容,并更好地了解如何实现所需的效果。

但是,一旦我将鼠标从菜单中移开,它就消失了。

因此,我无法在检查窗格中选择不同的元素,并且可以同时查看哪个区域。

有没有解决此问题的方法,而无需更改菜单,以便一旦激活就可以保持"弹出"?

答案

如果悬停是由JS触发的,则只需通过键盘暂停脚本执行即可。这是一个much冻结DOM的方法比其他答案所暗示的要简单。

这是您在Chrome中进行的方式。我确定Firefox具有同等的程序:

  1. 打开开发人员工具并转到来源。

  2. 注意暂停脚本执行的快捷方式 - F8。

    Pause script execution

  3. 与UI互动以使元素出现。

  4. 打F8。

  5. 现在,您可以将鼠标移动,检查DOM。元素将留在那里。

来自: stackoverflow.com