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

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

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

我认为没有办法做到这一点。我提交了一个功能请求。如果有办法的话，谷歌的开发人员肯定会指出来，我会编辑我的答案。如果没有，我们将不得不等待和观察。(你可以用星号来投票)

在10.0.620.0中，Styles面板显示了所选元素的:hover样式，但没有显示:active样式。

当前稳定频道版本为8.0.552.224。

你可以替换你的稳定频道安装的谷歌Chrome与Beta频道或开发频道(见早期访问发布频道)。

你也可以安装一个chrome的辅助安装，它甚至比Dev通道更最新。

．.． Canary版本的更新频率甚至比Dev频道还要高，并且在发布之前不会进行测试。因为金丝雀构建可能有时不可用，它不能设置为您的默认浏览器，可以安装在谷歌Chrome. ...的任何上述渠道之外

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

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

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

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

方法1

方法2

与Firefox默认开发者通行费

与Firebug

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

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

我用Chrome调试菜单悬停状态，这样做是为了能够看到悬停状态代码:

在元素面板上点击切换元素状态按钮并选择:悬停。

在“脚本”面板中，选择右下角的“事件侦听器断点”，然后选择鼠标->鼠标。

现在检查菜单并选择您想要的方框。当你释放鼠标按钮时，它应该会停止，并在元素面板中显示所选元素的悬停状态(请参阅样式部分)。