DOM 構造を見るための firefox 拡張 InspectorWidget

HTML の DOM 構造を見る firefox 拡張に InspectorWidget なるものがある。firefox のコンテキスト・メニュー (右クリックで出るメニュー) に、「Inspector this page」と「Inspector this frame」が追加され、DOM 構造が別ウィンドウで表示される。

嬉しいのは、JavaScript で自動生成した HTML 要素もサポートしていること。JavaScript で生成したコードのソースを見るを以前書いたけど、同じようなことができる。前回の方法は生成したテキストを一部分だけ見るのに適していて、今回の InspectorWidget は DOM 構造全体を見渡すのに便利。