如何查看网页上元素的“：hover”和“：active”属性？

可能重复：
How to use chrome web inspector to view hover code 如何查看网页上元素的“：hover”和“：active”属性？

在两个谷歌浏览器和Firefox，悬停和活动状态CSS属性只能当元件悬停或点击查看。但是，只要我的鼠标离开元素或释放鼠标，我就无法再查看属性。

是否有Chrome扩展程序或Firefox插件，可以让我查看处于悬停或活动状态的元素？

来源

2012-01-03 Leo Jiang

重复适用于Chrome，适用于Firefox，[请参阅此答案]（http://stackoverflow.com/a/13855134/247696）。 – Flimm 2015-06-19 09:13:15

我同意..和@Domenic，我们认为这是错误的。应该是链接Flimm提到 – 2015-11-09 06:07:58

Firebug和Firefox的DOM Inspector扩展允许您检查：悬停和：在任意元素上的活动状态，我记得。

来源

2012-01-04 07:30:23

这是否仍然在firefox 29中工作？我似乎无法像以前那样找到悬停菜单。 – billynoah 2014-05-28 19:56:41

@billynoah它绝对在DOM Inspector中工作，这是我通常使用的。 – 2014-05-29 04:22:35

你用firefox 29？我实际上阅读了这篇文章（https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector#Selecting-Elements），了解他们如何改变行为以在html窗格中为每个元素提供下拉菜单的网页本身。它实际上是相当的 - 只是让我感到困惑，因为我习惯了旧的方式。 – billynoah 2014-05-29 05:09:58

单击元素检查器中的元素。将鼠标移到元素上方，按向上箭头键，然后再按向下箭头键。你会看到悬停属性。

来源

2012-01-04 00:30:14 henryaaron

伟大的提示。此外，如果要滚动CSS属性，请按Tab键（在Chrome上按向上和向下箭头键之后）。 – Amir 2014-09-05 00:29:52

+11

在最近的Firefox版本中，您可以右键单击元素检查器中的元素并设置所需的状态。请参阅[DOM Inspector常见问题]（https://developer.mozilla.org/en-US/docs/DOM_Inspector/DOM_Inspector_FAQ#.C2.A0How_do_I_inspect_pseudo-classes_and_pseudo-elements_in_the_CSS_Rules_viewer.3F） – daniels 2014-12-09 10:24:43

如何查看网页上元素的“：hover”和“：active”属性？

回答

相关问题