使用 chromes web inspector 查看代码非常有用。但是您如何查看例如按钮的悬停代码？您必须将鼠标悬停在按钮上，因此无法在检查器中使用它（鼠标）。在检查器中是否有任何快捷方式或其他方法可以完成此操作？
问问题
56773 次
7 回答
161
现在您可以看到伪类样式规则并将它们强制用于元素。
要查看:hover样式窗格中的规则，请单击右上角的小虚线框按钮。
要强制元素进入:hover状态，请右键单击它。
或者，您可以使用“脚本”面板中的“事件侦听器断点”侧边栏窗格并选择在鼠标悬停处理程序中暂停。
于 2011-07-21T15:30:43.163 回答
16
或者，您可以使用“脚本”面板中的“事件侦听器断点”侧边栏窗格并选择在鼠标悬停处理程序中暂停。
于 2011-04-27T11:07:52.533 回答
6
这有点烦人，但是您需要右键单击元素，然后将鼠标悬停在链接上，使用键盘选择“检查元素”链接并按 Enter。这应该向您显示所选元素的悬停伪类的 css。
希望他们在未来的构建中使这更容易一些。
于 2011-06-23T16:01:18.863 回答
5
在 Chrome 中：
您还可以将鼠标悬停在元素上，然后单击CTRL+SHIFT+C以检查该元素。
在火狐中：
在萤火虫中：
于 2015-05-27T08:59:09.067 回答
1
我不确定我是否正确理解您的问题，但如果您想查看事件处理程序代码，您可以检查元素并查看元素面板的事件侦听器侧边栏窗格。另一种方法是在脚本面板中按下暂停按钮，然后将元素悬停。调试器将在第一个事件处理程序的第一条指令处停止。
于 2011-04-27T01:40:32.027 回答
1
于 2021-09-24T01:56:23.977 回答
0
请查看以下链接以获取答案
于 2017-01-06T08:08:15.150 回答