CSSをテストする方法はありますか？IEデベロッパーツールのホバーですか？

Question

クロム開発ツールでは、要素を選択してホバー状態を有効にすることができます。 Internet ExplorerのDev Toolsでこれを実行できる方法はありますか？

Answer 1

この質問をしたときに使用していたIEのバージョンがわかりません。

ただ、皆の情報のために、私はIE 9のステップの次のシーケンスを使用してHTML]タブでホバースタイルを表示することができています：

1. オープン超える開発ツール
2. ホバー要素にはホバーCSS を表示し、デベロッパーウィンドウにはフォーカスを合わせたままにします。
3. F5キーを押して、あなたのマウスが要素
4. はCtrl + Bの上に残っているとあなたが今ホバーCSSを見ることができる要素

をクリックしながら。

編集（2015年1月）：

IE 11では、あなたは大きな青い「：」クリックDOMエクスプローラーのスタイル]ウィンドウの右上に表示されるアイコンを、次にチェック " 「ホバー」チェックボックスを選択します。

Answer 2

IE開発ツールでCSS：ホバー状態が見つかりませんでした。だから、私はちょうどブックマークレットからFirebug Liteを使い終わった。

Answer 3

ラオレイの提案が働いています。 デベロッパーツールを開いたときに、ショートカットコマンドを受け取れるようにフォーカスがオンになっていることを確認します。ページのスクロールバーをクリックするか、ブラウザウィンドウにフォーカスを当てたページですべてのショートカットコマンドをページ。

1. をあなたは
2. オープンを必要とする開発者向けツール
3. フォーカス
4. 要素を置く開発者向けツールのウィンドウあなたは移動せずに
5. F5キーを押したい要素を見つける： 避けるために間違いが次の操作を行いますマウス
6. Ctrl + Bをクリックして要素をクリックします。

よろしくおねがいします。

Answer 4

IE11では、DOMエクスプローラのスタイルペインの右上に表示される青色の大きな「a：」アイコンをクリックし、「ホバー」チェックボックスをオンにします。

「a：」が表示されない場合は、まずDOM Explorerの左ペインで要素またはHTMLタグを選択します。

Answer 5

Googleでこれを見つけた方には、マウスを動かすだけでHTML/CSSレイアウトを視覚化できるクロスブラウザツールを作成しました。ホバー状態の要素を簡単に表示できます。

HTML Box Visualizer - GitHub