协慌网

登录 贡献 社区

请参阅:Chrome 开发者工具中的悬停状态

我希望看到:hover我在 Chrome 中徘徊的锚点的:hover样式。在 Firebug 中,有一个样式下拉列表,允许我为元素选择不同的状态。我似乎无法在 Chrome 中找到类似内容。我错过了什么吗?

答案

现在,您可以看到伪造的类规则并强制它们在元素上。

要查看以下规则:hover在 “样式” 窗格中,请单击右上角的小:hov文本。

切换元素状态

要强制元素进入:hover状态,请右键单击它。

强制元素状态

Chrome 开发者工具快捷方式中有关元素面板的其他提示。

编辑:这个答案是在错误修复之前,请参阅 tnothcutt 的回答。

这有点棘手,但这里有:

  • 右键单击元素,但不要将鼠标指针移离元素,使其保持悬停状态。
  • 通过键盘选择检查元素,如按向上箭头,然后按 Enter 键。
  • 查看匹配 CSS 规则下的开发人员工具,您应该能够看到:悬停。

PS:我在你的一个问题标签上尝试了这个。

我想在 Bootstrap 工具提示上看到悬停状态。强制 Chrome 浏览器中的:悬停状态工具没有创建所需的输出,但是通过控制台触发 mouseenter 事件在 Chrome 中起了作用。如果页面上存在 jQuery,则可以运行:

$('.YOUR-TOOL-TIP-CLASS').trigger('mouseenter');

强制悬停或mouseenter用于Bootstrap工具提示