ここでは、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