2012-01-03 11 views
16

可能性の重複:GoogleのChromeとFirefoxの両方で
How to use chrome web inspector to view hover codeウェブページ上の要素の「:ホバー」と「:アクティブ」のプロパティを確認するにはどうすればよいですか?

要素が推移またはクリックされたときに、ホバーとアクティブ状態のCSSプロパティにのみ表示することができます。しかし、マウスが要素を去ったりマウスを放したりすると、すぐにプロパティを表示することができなくなります。

ホバーやアクティブ状態の要素を表示できるChrome拡張機能やFirefoxアドオンはありますか?

+2

複製は、Chrome、Firefox用です。[この回答を参照](http://stackoverflow.com/a/13855134/247696)。 – Flimm

+0

私はこれに同意します。 Flimmは –

答えて

5

FirebugとFirefox用のDOM Inspector拡張機能の両方を使用すると、私が思い出したように、ホバーと:アクティブな状態を任意の要素で調べることができます。

+3

これはまだfirefox 29でも機能しますか?前と同じようにホバーメニューが見つからないようです。 – billynoah

+0

@billynoahこれは間違いなく私が通常使っているDOMインスペクタで動作します。 –

+0

あなたはfirefox 29を使用していますか?私は実際にhtmlペインの各要素のドロップダウンメニューを持つように振る舞いを変更した方法についてこの記事(https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector#Selecting-Elements)を読んでいますのウェブページ自体のそれはかなり実際には - ちょうど私が古い方法に慣れて以来、私は混乱しています。 – billynoah

13

要素インスペクタ内の要素をクリックします。要素の上にマウスを移動し、上矢印キーと下矢印キーを押します。ホバープロパティが表示されます。

+0

と言っています。さらに、cssプロパティをスクロールする場合は、タブキー(クロムの上下矢印キーを押した後)を押します。 – Amir

+11

最近のFirefoxのバージョンでは、要素インスペクタの要素を右クリックして、目的の状態を設定できます。 [DOM Inspector FAQ](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

関連する問題