Web制作者の必須ツール2 Web Developer 1.1.9

Firefoxを入れたら必ずインストールしておくべきツールです。
CSSを無効にした表示、ブロックレベル要素を枠付きで囲う機能がなどがあります。

↓インストールするとツールバーが表示されます。再起動もFirefoxのみの再起動なので親切です。

ダウンロード先:https://addons.mozilla.org/ja/firefox/addon/web-developer/


<枠線を表示する>
ツールバーの枠表示から、hタグを使用している部分を枠線で囲んだ図です。この図では少し見にくいですがとてもカラフルに表示してくれ一目でそれとわかります。
"ブロックレベル要素で囲う" と "枠表示には要素名も表示する"を組み合わせて使うのがお薦めです。

CSSを無効にする>
ツールバーCSSから"CSSを無効にする"、"すべてのCSS" でCSSを無効にした状態です。"link要素で指定されたCSS"など用途に応じて使い分け、その文書が優先度の高い正しい順番で記述されているかチェックする事ができます。





※このイメージはWeb Developer Installed画面をそのまま利用させて頂いています。