ホームページ > ウェブフロントエンド > CSSチュートリアル > Chrome DevTools で検査のためにホバーセンシティブ ポップオーバーを一時停止するにはどうすればよいですか?

Chrome DevTools で検査のためにホバーセンシティブ ポップオーバーを一時停止するにはどうすればよいですか?

Linda Hamilton
リリース: 2024-11-14 13:10:02
オリジナル
461 人が閲覧しました

How to Pause Hover-Sensitive Popovers for Inspection in Chrome DevTools?

Chrome DevTools での検査のためにホバーセンシティブ ポップオーバーを一時停止する

Chrome のインスペクターを使用して Twitter Bootstrap でポップオーバーを検査中に問題が発生しましたか?このガイドでは、ポップオーバーを表示中にフリーズして、便利な CSS 評価と変更を可能にするソリューションを提供します。

これを実現するには、次の手順に従います。

  1. 目的の Web ページに移動し、 F12 キーの組み合わせで DevTools コンソールを開きます (Windows/Linux)。またはオプション J (macOS)。
  2. インスペクターで ソース タブを選択します。
  3. ブラウザ ウィンドウ内の目的の要素の上にマウスを移動すると、ポップオーバー。
  4. ポップオーバーが表示されている間に、F8 (Windows/Linux) または fn F8 (macOS) を押します。インスペクター パネル (ソース タブなど) を忘れずにフォーカスしてください。
  5. インスペクターの 要素 タブに切り替えます。
  6. HTML 内でポップオーバーを見つけます。トリガー要素。
  7. ポップオーバーを使用せずに、必要に応じて関連する CSS を変更します。消えます。

以上がChrome DevTools で検査のためにホバーセンシティブ ポップオーバーを一時停止するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート