Chromes開発ツールでは、要素を選択してホバー状態を有効にすることができます。Internet Explorerの開発ツールでこれを実行できる方法はありますか？
25144 次
5 に答える
47
この質問をしたときに使用していたIEのバージョンがわかりません。
念のために言っておきますが、 IE 9の次の一連の手順を使用して、[HTML]タブからホバースタイルを表示できます。
- 開発者ツールを開きます
- 開発者ウィンドウをフォーカスしたまま、ホバーCSSを表示する要素にカーソルを合わせます。
- マウスを要素の上に置いたままF5キーを押します
- Ctrl+Bを押して要素をクリックします
これで、ホバーCSSを表示できます。
編集（2015年1月）：
IE 11では、DOMエクスプローラーの[スタイル]ペインの右上に表示される大きな青い「a：」アイコンをクリックしてから、[ホバー]チェックボックスをオンにします。
于 2013-08-01T21:05:30.610 に答える
21
IE11では、DOMエクスプローラーの[スタイル]ペインの右上に表示される大きな青い「a：」アイコンをクリックしてから、[ホバー]チェックボックスをオンにします。
「a：」が表示されない場合は、最初にDOMExplorerの左側のペインで要素またはHTMLタグを選択します。
于 2014-07-11T06:35:34.673 に答える
2
IE開発ツールでもCSS：hover状態が見つかりませんでした。そのため、ブックマークレットからFirebugLiteを使用することになりました。
于 2013-03-04T11:49:47.340 に答える
1
ラオレイの提案は機能します。開発者ツールを開くときは、ショートカットコマンドを受信できるように、フォーカスが合っていることを確認してください。ページのスクロールバーまたはページをクリックすると、ブラウザウィンドウがフォーカスされ、すべてのショートカットコマンドがページに送信されます。 。間違いを避けるために、次のことを行ってください。
- 必要な要素を見つける
- 開発者ツールを開く
- 開発ツールのウィンドウに焦点を合わせる
- 必要な要素にカーソルを合わせます
- マウスを動かさずにF5を押す
- Ctrl+Bを押して要素をクリックします
よろしくお願いします。
于 2013-09-18T09:26:00.630 に答える
1
Googleでこれを見つけた人のために、マウスを動かすだけでHTML/CSSレイアウトを視覚化できるクロスブラウザツールを作成しました。ホバー状態の要素を簡単に表示できます。
于 2016-10-24T06:18:23.470 に答える