我想看到:hover样式的锚，我在Chrome中徘徊。在Firebug中，有一个样式下拉菜单，允许我为一个元素选择不同的状态。
我似乎在Chrome中找不到任何类似的东西。我遗漏了什么吗?
当前回答
我用Chrome调试菜单悬停状态，这样做是为了能够看到悬停状态代码:
在元素面板上点击切换元素状态按钮并选择:悬停。
在“脚本”面板中，选择右下角的“事件侦听器断点”，然后选择鼠标->鼠标。
现在检查菜单并选择您想要的方框。当你释放鼠标按钮时，它应该会停止，并在元素面板中显示所选元素的悬停状态(请参阅样式部分)。
其他回答
我用Chrome调试菜单悬停状态，这样做是为了能够看到悬停状态代码:
在元素面板上点击切换元素状态按钮并选择:悬停。
在“脚本”面板中，选择右下角的“事件侦听器断点”，然后选择鼠标->鼠标。
现在检查菜单并选择您想要的方框。当你释放鼠标按钮时，它应该会停止，并在元素面板中显示所选元素的悬停状态(请参阅样式部分)。
对我来说，为了调试这个工具提示，我点击切换设备工具栏切换到移动视图，然后点击有悬停效果的div，你也可以点击焦点可见来查看div和工具提示之间的间距，希望这将有所帮助。
使用JS可以触发元素上的MouseEvent。下面是如何对悬停进行操作。
使用右键单击检查元素。 像这样复制JS路径 在Sources Chrome DevTools中按“Esc”键打开控制台。 然后粘贴复制的路径，并添加.dispatchEvent(new MouseEvent('mouseover'， {'bubbles': true}));是这样的: 按enter键，然后可以与悬停状态后发生的任何DOM更改进行交互。
我想在引导工具提示上看到悬停状态。在Chrome开发工具中强制:hover状态并没有创建所需的输出，然而通过控制台触发mouseenter事件在Chrome中却做到了这一点。如果页面上有jQuery，你可以运行:
$('.YOUR-TOOL-TIP-CLASS').trigger('mouseenter');
现在可以看到两个伪类规则，并将它们强加到元素上。
要查看样式窗格中的:hover之类的规则，单击右上方的小:hov文本。
要强制一个元素进入:hover状态，右键单击它并选择:hover。
在Chrome开发人员工具快捷方式的元素面板上的额外提示。
