firefox web developerでウェブページを分析する

以前にも少し触れましたが、今日もfirefoxのpluginのweb developerです＾＾
この前は、サイドバーにタブ形式でCSSを閲覧、さらには編集しその結果をブラウジングに反映といった機能についてでしたが、今日は「情報」メニューについてです。

firefoxのメニュバーにある「情報」を押下すると、下記のようなメニュー内容がポップアップされます。

１つ例を挙げてみます。
「div要素の順序を表示する」これを選ぶと、以下の様にあたかもwebsiteのオーサリングでプレビューを見ているかのような表示が可能です。
これがそのキャプチャです。

これらの「情報」内の項目は複数アクティブな状態で選択できるので色々と使い道がありそうですね。