選択したバッジの横にあるチェックボックスをオンまたはオフにします。ツリーの該当する要素の横に選択されたバッジが表示されます。以降のセクションでは、各バッジについて説明します。バッジが表示されます。次のプレビューでオーバーレイを切り替えます。プレビューで要素を検証します。バッジをクリックし、オーバーレイを確認します。オーバーレイには、列、行、それらの数値、ギャップが表示されます。グリッドを検査するをご覧ください。サブグリッドサブグリッドは、親グリッドと同じトラックを使用するネストされたグリッドです。バッジが表示されます。次のプレビューのオーバーレイを切り替えます。ご覧くださいプレビューで要素を検証します。バッジをクリックして、オーバーレイを確認します。オーバーレイには、サブグリッドの列、行、番号、ギャップが表示されます。バッジが表示されます。次のプレビューでオーバーレイを切り替えます。プレビューで要素を検証します。バッジをクリックし、オーバーレイを確認します。オーバーレイには子要素の位置が表示されます。検査とデバッグをご覧ください。一部の広告フレームを検出してタグ付けできます。バッジが付いています。プレビューで要素を検証します。バッジが付いた要素を見つけます。タブを使用して、広告フレームを赤でハイライトできます。プロパティを含めることができます。次のプレビューでオーバーレイを切り替えます。ご覧くださいプレビューで要素を検証します。バッジをクリックします。要素を右にスクロールして、オーバーレイを確認します。ポイントが表示されます。バッジが表示されます。コンテナクエリは試験運用版です。しないと、次のプレビューは機能しません。次のプレビューでオーバーレイを切り替えます。プレビューで要素を検証します。バッジをクリックします。右下の隅をドラッグして要素のサイズを変更し、レイアウトの変化とオーバーレイを確認します。オーバーレイには子要素の位置が表示されます。コンテナクエリの検査とデバッグをご覧ください。要素は、独自のコンテンツを挿入できるプレースホルダです。ツリーを作成してまとめて表示できます。バッジが付いています。バッジを確認できます。ご覧くださいプレビューで要素を検証します。バッジをクリックして、対応するスロットを見つけます。バッジが付いています。バッジをクリックします。最上層このバッジは、最上位レイヤのコンセプトを理解して可視化するのに役立ちます。関係なく、他のすべてのレイヤの上にコンテンツをレンダリングします。要素を開くと、ブラウザはそれを最上位レイヤに配置します。コンテナを追加します。バッジが付いています。要素のインデックス番号です。コンテナ内の対応する要素へのリンクです。バッジを確認できます。