Chrome DevTools でポップオーバー要素の Z-Index を消さずに検査するにはどうすればよいですか?

Chrome デベロッパー ツールでのポップオーバー要素の Z-Index の検査: 画面のフリーズ

Chrome のデベロッパー ツールを使用して、次の Z-Index を分析する場合Twitter Bootstrap のポップオーバーは、マウスを離すと消えるため、難しい場合があります。この記事では、ポップオーバーを一時停止し、関連付けられている CSS を変更する方法について説明します。

方法:

1. ブラウザで目的の要素の上にマウスを移動して、ポップオーバーを開始します。
2. ポップオーバーがまだ表示されている間に、F8 を押します (またはfn F8 (macOS の場合)) 画面をフリーズします。このキーバインドにより JavaScript の実行が一時停止され、ポップオーバーが消えた後でも要素を検査できるようになります。
3. 開発者ツールの 要素 タブに切り替えます。
4. ポップオーバーの HTML を見つけます。トリガー要素のネストされた階層内の要素。
5. 必要に応じて CSS プロパティを変更します。 z-index、ポップオーバーの位置を調整します。

以上がChrome DevTools でポップオーバー要素の Z-Index を消さずに検査するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。