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

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

当前稳定频道版本为8.0.552.224。

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

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

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

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

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

当前稳定频道版本为8.0.552.224。

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

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

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

我认为这在Chrome中不再是一个问题，只是以防万一。我写了这个jQuery脚本，当我用TAB键移动时检查DOM。

如果更改为使用'mouseover'，将看起来像这样:

$("body *").on('mouseover', function(event) {       
    console.log(event.target);      
    inspect(event.target);
    event.stopPropagation();
});

您可以轻松地修改它，以便在单击或对想要停止的元素进行操作时删除事件处理程序。

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

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

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

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

4)然后勾选悬停

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

我知道我所做的是相当的变通，但它工作完美，这是我每次都做的方式。

然后，像这样进行:

首先确保Chrome开发工具是未停靠的。 然后，将Dev Tools窗口的任意一侧移动到你想要检查的元素中间。

最后，悬停元素，右键单击并检查元素，将鼠标移动到开发工具窗口，你将能够玩你的元素:悬停css。

干杯!

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

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

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