现在，您可以看到伪类样式规则并将其强制应用于元素。
要在样式面板中查看像:hover这样的规则，请单击右上角的小虚线框按钮。

的数据
要强制元素进入:hover状态，请右键单击它。

的
或者，您可以使用“事件”面板中的“断点”侧边栏窗格，并选择在鼠标悬停处理程序中暂停。

或者，您可以使用“事件”面板中的“断点”侧边栏窗格，并选择在鼠标悬停处理程序中暂停。

这有点烦人，但你需要右键单击元素，然后将鼠标放在链接上，使用键盘选择'Inspect Element'链接并按回车键。这应该会显示所选元素的hover伪类的css。
希望他们在未来的版本中能让这件事变得更容易。

在Chrome中：

也可以将鼠标悬停在某个元素上，然后单击CTRL+SHIFT+C来检查该元素。

在Firefox中：

的数据
在Firebug中：

的
来源：https://stackoverflow.com/a/11272205/2165415

我不确定我是否正确理解了你的问题，但是如果你想看到事件处理程序代码，你可以只检查元素并查看元素面板的事件侦听器侧边栏窗格。另一种方法是在事件侦听器面板中按暂停按钮并悬停元素。调试器将在第一个事件处理程序的第一个指令处停止。

我知道这是个老问题
我所做的是在控制台中运行此命令，并快速悬停需要检查的元素

setTimeout(function() {
  debugger; // this will stop all script on the page
}, 1000);

字符串
要释放此断点，请单击开发工具Sources选项卡中的“恢复脚本...”

请看下面的链接为答案
请参阅：Chrome开发人员工具中的悬停状态