DOM プロパティビューアーは、現在のページまたは 選択したフレーム の window オブジェクトから始まる DOM のプロパティを、展開可能なツリー構造で調査できるツールです。
DOM プロパティビューアーを有効化する
DOM プロパティビューアーはデフォルトで無効化しています。開発ツールのオプション を開いて、"標準の Firefox 開発ツール" の "DOM" にチェックを入れると有効化されます。
DOM プロパティビューアーを開く
有効化すると、Firefox メニューパネル (メニューバーを表示している場合や Mac OS X ではツールメニュー配下) の Web 開発サブメニュー内にある "DOM" を選択する、あるいはキーボードショートカット Ctrl + Shift + W を押下して DOM プロパティビューアーを開くことができます。
DOM プロパティビューアーがアクティブになっている ツールボックス が、ブラウザウィンドウの下部に現れます。ツールボックスでは "DOM" という名前です。
DOM プロパティビューアーのユーザインターフェイス
DOM ツリー
DOM のさまざまなプロパティを、展開可能なツリーとして表示します。左側にプロパティの名称、右側にプロパティの値を表示します。オブジェクトのプロパティや配列のアイテムは、3 個まで表示します。プロパティに多くの要素が存在する場合は "more..." という注釈がつきます。すべての要素を確認するには、プロパティの項目をクリックしなければなりません。錠前のアイコンは、書き込み不可のプロパティであることを示します。
表示内容を更新する
DOM が変化したときは、Refresh ボタンを押して表示内容を更新できます:
フィルタリング
ツールバー内に、検索ボックスがあります:
これは、検索文字列にマッチするアイテムのみ表示するようフィルタリングします。名称に検索文字列を含むアイテムがマッチします。マッチングの際は大文字・小文字を区別します。