Chrome DevTools での検査のためにホバーセンシティブ ポップオーバーを一時停止する
Chrome のインスペクターを使用して Twitter Bootstrap でポップオーバーを検査中に問題が発生しましたか?このガイドでは、ポップオーバーを表示中にフリーズして、便利な CSS 評価と変更を可能にするソリューションを提供します。
これを実現するには、次の手順に従います。
- 目的の Web ページに移動し、 F12 キーの組み合わせで DevTools コンソールを開きます (Windows/Linux)。またはオプション ⌘ J (macOS)。
- インスペクターで ソース タブを選択します。
- ブラウザ ウィンドウ内の目的の要素の上にマウスを移動すると、ポップオーバー。
- ポップオーバーが表示されている間に、F8 (Windows/Linux) または fn F8 (macOS) を押します。インスペクター パネル (ソース タブなど) を忘れずにフォーカスしてください。
- インスペクターの 要素 タブに切り替えます。
- HTML 内でポップオーバーを見つけます。トリガー要素。
- ポップオーバーを使用せずに、必要に応じて関連する CSS を変更します。消えます。
以上がChrome DevTools で検査のためにホバーセンシティブ ポップオーバーを一時停止するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。