調査や編集を行えます。ペインの下部に、パンくずリストのツールバーがあります。これは選択した要素を含む枝の、ドキュメント内での階層構造を表します:パンくずリストにマウスポインターを載せると、その要素をページ上でハイライト表示します。前のバージョンでは、パンくずリストのツールバーがマークアップペインの上にありました。インスペクターの検索ボックスは、カレントドキュメントおよびすべてのフレーム内のマークアップから検索します。押下して、マークアップの検索を始めます。その属性を持つ最初のノードを選択します。オートコンプリートを選択せずにセレクターなしの検索文字列を入力すると、すべての属性名および属性値、ノードのテキストコンテンツを含むドキュメントの全文から検索します。使用して、マッチした箇所を逆方向に巡回できます。マークアップビューとも呼ばれます)。各ノードの左側に三角印があります。この印をクリックすると、ノードを展開します。キーを押しながら三角印をクリックすると、配下のノードをすべて展開します。ツリー内のノードにマウスポインターを載せると、その要素をページ上でハイライト表示します。内容物が大きなノードが折りたたまれているとき、開始タグと終了タグの間に省略記号を表示します。前のバージョンでは、折りたたまれたノードに子が存在するかを判別できませんでした。ペインのキーボードショートカットリストをご覧ください。使用して追加した疑似要素を調査できます。カスタム要素定義カスタム要素を含むページでインスペクタを開くと、デバッガでカスタム要素のクラス定義を表示できます。いう単語をクリックします。要素のクラスのソースがデバッガに表示されます。行のテキストにすべてのコードを記述するわけではありません。パースするときに、ノード内に含まれていない要素のために無名のテキストノードを自動的に生成します。ホワイトスペースも含まれます。ない領域をブラウザーが与えます。マージンやパティングを設定していないにもかかわらず、要素の間に謎の隙間が現れるでしょう。インスペクターでホワイトスペースのノードを表示しますので、マークアップ内の隙間がどこから発生したかがわかります。デモで、実際の動作をご覧ください。ページに公開されます。いうノードによって表されます。ノードのドラッグアンドドロップや削除はできません。リンクが表示されます。属性を持つ要素が強調表示されます。要素があり、そのコンテンツのソースを見つけることができない場合に非常に便利です。プレフィックスの後ろに隠れています。利用可能になると、この機能が有効になります。要素のポップアップコンテキストメニューポップアップコンテキストメニューを使用して、特定のノードに対して共通的なタスクを実行できます。要素をコンテキストクリックすると、メニューを表示します。メニューには、以下の項目があります。これらの項目は特定の状況に限り表示されます。ファイルへのリンクの上でコンテキストクリックしたときに表示されます。コンテキストメニューは、よりコンパクトにするため大きく再編されました。メニューの構造が上で示したものと若干異なっていても、悩まないでください。それでも同じ項目を使用できます。押下すると同じことができます。開くことにより、コンソールのコマンドラインを使用してノードと対話できます。新機能ツリービューで、選択した要素および配下の要素をすべて展開します。キーを押下しながらクリックすることと同じです。新機能ツリービューで、選択した要素を折りたたみます。これは、展開されている要素の展開用矢印をクリックすることと同じです。選択した要素の位置にスクロールします。選択したノードのスクリーンショットを撮影して、ダウンロードディレクトリーに保存します。