我想看到:hover样式的锚,我在Chrome中徘徊。在Firebug中,有一个样式下拉菜单,允许我为一个元素选择不同的状态。
我似乎在Chrome中找不到任何类似的东西。我遗漏了什么吗?
我想看到:hover样式的锚,我在Chrome中徘徊。在Firebug中,有一个样式下拉菜单,允许我为一个元素选择不同的状态。
我似乎在Chrome中找不到任何类似的东西。我遗漏了什么吗?
当前回答
我认为没有办法做到这一点。我提交了一个功能请求。如果有办法的话,谷歌的开发人员肯定会指出来,我会编辑我的答案。如果没有,我们将不得不等待和观察。(你可以用星号来投票)
在10.0.620.0中,Styles面板显示了所选元素的:hover样式,但没有显示:active样式。
当前稳定频道版本为8.0.552.224。
你可以替换你的稳定频道安装的谷歌Chrome与Beta频道或开发频道(见早期访问发布频道)。
你也可以安装一个chrome的辅助安装,它甚至比Dev通道更最新。
... Canary版本的更新频率甚至比Dev频道还要高,并且在发布之前不会进行测试。因为金丝雀构建可能有时不可用,它不能设置为您的默认浏览器,可以安装在谷歌Chrome. ...的任何上述渠道之外
其他回答
有几种方法可以在Chrome开发工具中查看HOVER STATE样式。
方法1
方法2
与Firefox默认开发者通行费
与Firebug
我可以通过遵循Babiker建议的以下步骤来看到风格 右键单击元素,但不要将鼠标指针移离该元素,保持悬停状态。通过键盘选择检查元素,就像点击箭头,然后回车键。”
改变风格遵循以上步骤,然后- 通过按键盘上的ctrl + tab来更改浏览器选项卡。 然后单击要调试的选项卡。你的悬停屏幕仍然在那里。现在小心地将鼠标移到开发人员工具区域。
我认为没有办法做到这一点。我提交了一个功能请求。如果有办法的话,谷歌的开发人员肯定会指出来,我会编辑我的答案。如果没有,我们将不得不等待和观察。(你可以用星号来投票)
在10.0.620.0中,Styles面板显示了所选元素的:hover样式,但没有显示:active样式。
当前稳定频道版本为8.0.552.224。
你可以替换你的稳定频道安装的谷歌Chrome与Beta频道或开发频道(见早期访问发布频道)。
你也可以安装一个chrome的辅助安装,它甚至比Dev通道更最新。
... Canary版本的更新频率甚至比Dev频道还要高,并且在发布之前不会进行测试。因为金丝雀构建可能有时不可用,它不能设置为您的默认浏览器,可以安装在谷歌Chrome. ...的任何上述渠道之外
在Chrome浏览器中更改悬停状态非常简单,只需遵循以下步骤:
1)在你的页面上右键点击,选择检查
2)在DOM中选择你想检查的元素
3)选择引脚图标(Toggle Element State)
4)然后勾选悬停
现在您可以在浏览器中看到所选DOM的悬停状态!
编辑:这个答案是在错误修复之前,见tnotcutt的答案。这有点棘手,但如下所示:
右键单击元素,但不要将鼠标指针移离元素,保持悬停状态。 通过键盘选择检查元素,就像点击箭头,然后回车键。 在开发工具中匹配的CSS规则下,你应该可以看到:hover。
PS:我在你的一个问题标签上试过这个方法。