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 サイトの他の関連記事を参照してください。