使用chromes web检查器查看代码非常有用.但是,您如何查看按钮的悬停代码？您必须将鼠标悬停在按钮上,因此无法在检查器中使用它(鼠标).在检查员中是否有任何捷径或其他方法可以实现这一目标？
我经常发现自己想要调试CSS布局问题,这些问题涉及由Javascript引起的DOM更改,以响应悬停事件或由于:hover选择器而应用的不同CSS规则.
通常情况下,我会使用Firebug检查那些给我带来麻烦的元素,看看它的CSS属性是什么,以及这些属性的来源.但是,当涉及悬停时,它变得不可能,因为只要您将鼠标移动到Firebug面板,您感兴趣的元素就不再悬停,适用的CSS规则也不同,(在这种情况下) JS徘徊)DOM被改变了.
有没有办法可以"冻结"DOM的状态和应用程序:hover以便在悬停事件期间检查DOM ？
当然,欢迎任何关于如何调试此类问题的其他想法.
我正在使用 Firefox 进行开发。
当我将鼠标悬停在 A 标签上时，我想看看它添加了哪些 CSS 样式。如何在 Firefox 中执行此操作？
更新
我右键单击标签并选择检查元素。我可以看到添加到右下窗格的样式。但是，如果我将鼠标移动到 css 窗格来检查样式，那么添加的 CSS 样式就会消失。我知道我可能需要打破某些东西，但我无法让它发挥作用。
谢谢！