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

Ben*_*Ben 833 css state google-chrome hover google-chrome-devtools

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

Tra*_*utt 1216

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

要查看" :hover样式"窗格中的规则,请单击右上角的小:hov文本.

切换元素状态

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

强制元素状态

在对其他提示元素面板Chrome开发者工具的快捷方式.

  • 不确定何时更改,但是现在您可以右键单击->强制其他元素(不仅仅是“ <a>”元素)在元素状态(从元素窗格中)。 (2认同)
  • 这适用于CSS:hover更改,但不适用于使用JS进行更改的情况。 (2认同)

Bab*_*ker 53

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

这有点棘手,但这里有:

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

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


k0p*_*kus 29

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

$('.YOUR-TOOL-TIP-CLASS').trigger('mouseenter');
Run Code Online (Sandbox Code Playgroud)

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

  • 我收到此错误:“未捕获的类型错误:$(...).trigger 不是函数” (2认同)

San*_*lse 15

有几种方法可以在Chrome开发者工具中查看HOVER STATE样式.

方法01

在此输入图像描述

方法02

在此输入图像描述

使用Firefox Default Developer Toll

在此输入图像描述

用Firebug

在此输入图像描述


小智 8

如果它有帮助,这在最新的Chrome(47.0.2526.106)中似乎更容易:

检查元素,然后单击左侧排水沟中的三个白点:
点击三个白点

然后从此下拉列表中选择所需的元素状态:
这个下拉列表