ここでは、MozillaFirefoxにWeb制作関連の様々な機能を追加するツールの「Web Developer」を紹介します。

Web Developer

ソフトウェア情報

概要:
　MozillaFirefoxにWeb制作関連の様々な機能を追加するツール
役立つ時:
　Webアプリケーションのデザイン・ユーザビリティの評価する時
ポイント:
　表示されているWebページの情報（テーブル構造や画像の情報など）を視覚的に確認できること
配布先URL:
　・http://www.infoaxia.com/tools/webdeveloper/（日本語版サイト）
　・http://www.chrispederick.com/work/firefox/webdeveloper/（本家サイト）

使い方

  1. このソフトをインストールすると、FireFoxにツールバーが追加されます。ツールバーから使用したい機能を選択します。
    webdeveloper-img01

  2. 以下の画面は「枠表示」→「ブロック要素を枠で囲う」を選択した場合のイメージです。
    webdeveloper-img02

  3. 以下の画面は、「画像」→「画像の幅と高さを表示する」、「画像のファイルサイズを表示する」、「画像のパスを表示する」を選択した場合のイメージです。
    webdeveloper-img03