使用 chromes web inspector 查看代码非常有用。但是您如何查看例如按钮的悬停代码？您必须将鼠标悬停在按钮上，因此无法在检查器中使用它（鼠标）。在检查器中是否有任何快捷方式或其他方法可以完成此操作？
【问题讨论】：
标签： css google-chrome hover google-chrome-devtools web-inspector
现在您可以看到伪类样式规则并将它们强制用于元素。
要在样式窗格中查看:hover 等规则，请单击右上角的小虚线框按钮。
要强制元素进入:hover 状态，请右键单击它。
或者，您可以使用“脚本”面板中的“事件侦听器断点”侧边栏窗格并选择在鼠标悬停处理程序中暂停。
【讨论】：
或者，您可以使用“脚本”面板中的“事件侦听器断点”侧边栏窗格并选择在鼠标悬停处理程序中暂停。
【讨论】：
这有点烦人，但您需要右键单击元素，然后将鼠标悬停在链接上，使用键盘选择“检查元素”链接并按 Enter。这应该会显示所选元素的悬停伪类的 css。
希望他们在未来的构建中让这变得更容易一些。
【讨论】：
:hover状态的整个过程，(as in the accepted answer)，也是通过在元素上右击，>检查，和将指针保留在那里，然后使用键盘键检查伪代码。感谢您提供的 working 替代方法....所以 not 实际上是 nuisance ！ : ) +1
您也可以将鼠标悬停在某个元素上，然后单击CTRL+SHIFT+C 以检查该元素。
在萤火虫中：
【讨论】：
我不确定我是否正确理解您的问题，但如果您想查看事件处理程序代码，您只需检查元素并查看元素面板的事件侦听器侧边栏窗格。 另一种方法是在脚本面板中按下暂停按钮，然后将元素悬停。 调试器将在第一个事件处理程序的第一条指令处停止。
【讨论】：
请查看以下链接以获得答案
【讨论】：
【讨论】：