Daily happenings, XHTML, CSS, MT, WP, Web, a memo, etc…

HTMLソースを構造化して色分け表示

レイアウトが複雑なWebサイトでは、HTMLソースを見ただけでは構造を把握するのは難しいです。
「View Source Chart」というFirefoxの拡張機能を使うと、HTMLソースを構造化して色分け表示してくれます。
各要素をクリックすると、折りたたんだり、展開したりと必要な部分だけを表示することもできます。

ダウンロード

View Source Chartをダウンロードし、Firefoxの再起動後に右クリックメニューに追加されます。
Webサイトが、正常に表示されない場合の分析に便利ですね。

View Source Chart