クロム開発ツールでは、要素を選択してホバー状態を有効にすることができます。 Internet ExplorerのDev Toolsでこれを実行できる方法はありますか?CSSをテストする方法はありますか?IEデベロッパーツールのホバーですか?
37
A
答えて
44
この質問をしたときに使用していたIEのバージョンがわかりません。
ただ、皆の情報のために、私はIE 9のステップの次のシーケンスを使用してHTML]タブでホバースタイルを表示することができています:
- オープン超える開発ツール
- ホバー要素にはホバーCSS を表示し、デベロッパーウィンドウにはフォーカスを合わせたままにします。
- F5キーを押して、あなたのマウスが要素
- はCtrl + Bの上に残っているとあなたが今ホバーCSSを見ることができる要素
をクリックしながら。
編集(2015年1月):
IE 11では、あなたは大きな青い「:」クリックDOMエクスプローラーのスタイル]ウィンドウの右上に表示されるアイコンを、次にチェック " 「ホバー」チェックボックスを選択します。
2
IE開発ツールでCSS:ホバー状態が見つかりませんでした。だから、私はちょうどブックマークレットからFirebug Liteを使い終わった。
1
ラオレイの提案が働いています。 デベロッパーツールを開いたときに、ショートカットコマンドを受け取れるようにフォーカスがオンになっていることを確認します。ページのスクロールバーをクリックするか、ブラウザウィンドウにフォーカスを当てたページですべてのショートカットコマンドをページ。
- をあなたは
- オープンを必要とする開発者向けツール
- フォーカス
- 要素を置く開発者向けツールのウィンドウあなたは移動せずに
- F5キーを押したい要素を見つける: 避けるために間違いが次の操作を行いますマウス
- Ctrl + Bをクリックして要素をクリックします。
よろしくおねがいします。
17
IE11では、DOMエクスプローラのスタイルペインの右上に表示される青色の大きな「a:」アイコンをクリックし、「ホバー」チェックボックスをオンにします。
「a:」が表示されない場合は、まずDOM Explorerの左ペインで要素またはHTMLタグを選択します。
0
Googleでこれを見つけた方には、マウスを動かすだけでHTML/CSSレイアウトを視覚化できるクロスブラウザツールを作成しました。ホバー状態の要素を簡単に表示できます。
関連する問題
- 1. レスポンシブCSSをSeleniumでテストする方法はありますか?
- 2. Chromeデベロッパーツールから時間グラフをエクスポートする方法はありますか?
- 3. ホバー効果を遅くする方法はありますか?
- 4. Chromeデベロッパーツール - 現在のファイル名を確認する方法はありますか?
- 5. IE 8のCSSホバー
- 6. Clojureでマクロをテストする方法はありますか?
- 7. Angular2でEventEmitterをテストする方法はありますか?
- 8. gWidget:テストでユーザーアクションをエミュレートする方法はありますか?
- 9. ブラックベリーのCSSホバーはiphoneではありませんか?
- 10. 、特定のタグをテストする方法はありますか?
- 11. IEでPDFのプレビューを生成する方法はありますか
- 12. IE 7でSilverlightを無効にする他の方法はありますか?
- 13. html + cssで枠線を作る方法はありますか?
- 14. ScalaMockをテストに使用する方法はありますか?
- 15. SQLAlchemy Connectionをテストする方法はありますか?
- 16. 行ホバーをデータテーブルの選択範囲にする方法はありますか?
- 17. CSSにアンカーをマージする方法はありますか?
- 18. CSSをレイアウトする正しい方法はありますか?
- 19. クラスをチェックする方法はCSSにありますか?
- 20. CSSファイルを計測する方法はありますか?
- 21. IE 6 CSSホバー非アンカータグ
- 22. ifテストに合格する方法はありますか?
- 23. svgファイルにホバー効果を追加する方法はありますか?
- 24. QuickCheckテストでパニックを静かにキャッチする方法はありますか?
- 25. chrome iOS CSSを見る方法はありますか?
- 26. CSS calcにpiを入れる方法はありますか?
- 27. css letter-spacingを作る方法はありますか?0.5 px?
- 28. ブロックスタイル/ CSSをインラインCSSに変換する方法はありますか?
- 29. ChromeデベロッパーツールでCSSを変更する方法
- 30. DialogFlowの統合テストを書く方法はありますか?
うわー、それは実際に動作しますが、このステップの正確な配列を使用する場合のみ。デベロッパーウインドウをフォーカスさせないと、キーボードコマンドが正しく機能しません。 – bryanbraun
非常に役に立ちます。あまりにも悪いIEは、ブラウザの開発ツールキット(IE10の答えはまだ残っています)の中でもっとも有用ではありません。 OPがこの回答を受け入れたはずです。ありがとうございました。 – cautionbug
誰でもIE11で動作させることができますか? – bmm6o