参见:悬浮状态在Chrome开发工具

我想看到:hover样式的锚，我在Chrome中徘徊。在Firebug中，有一个样式下拉菜单，允许我为一个元素选择不同的状态。

我似乎在Chrome中找不到任何类似的东西。我遗漏了什么吗?

当前回答

我想在引导工具提示上看到悬停状态。在Chrome开发工具中强制:hover状态并没有创建所需的输出，然而通过控制台触发mouseenter事件在Chrome中却做到了这一点。如果页面上有jQuery，你可以运行:

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

其他回答

编辑:这个答案是在错误修复之前，见tnotcutt的答案。这有点棘手，但如下所示:

右键单击元素，但不要将鼠标指针移离元素，保持悬停状态。通过键盘选择检查元素，就像点击箭头，然后回车键。在开发工具中匹配的CSS规则下，你应该可以看到:hover。

PS:我在你的一个问题标签上试过这个方法。

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

方法1

方法2

与Firefox默认开发者通行费

与Firebug

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

在Chrome浏览器中更改悬停状态非常简单，只需遵循以下步骤:

1)在你的页面上右键点击，选择检查

2)在DOM中选择你想检查的元素

3)选择引脚图标(Toggle Element State)

4)然后勾选悬停

现在您可以在浏览器中看到所选DOM的悬停状态!

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

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

然后从下拉菜单中选择所需的元素状态:

推荐文章