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

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


当前回答

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

方法1

方法2

与Firefox默认开发者通行费

与Firebug

其他回答

我可以通过遵循Babiker建议的以下步骤来看到风格 右键单击元素,但不要将鼠标指针移离该元素,保持悬停状态。通过键盘选择检查元素,就像点击箭头,然后回车键。”

改变风格遵循以上步骤,然后- 通过按键盘上的ctrl + tab来更改浏览器选项卡。 然后单击要调试的选项卡。你的悬停屏幕仍然在那里。现在小心地将鼠标移到开发人员工具区域。

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

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

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

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

4)然后勾选悬停

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

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

然后,像这样进行:

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

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

干杯!

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

方法1

方法2

与Firefox默认开发者通行费

与Firebug

对我来说,为了调试这个工具提示,我点击切换设备工具栏切换到移动视图,然后点击有悬停效果的div,你也可以点击焦点可见来查看div和工具提示之间的间距,希望这将有所帮助。