如何查看網頁上元素的「：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」屬性？

回答

相關問題