開発支援ツール:WebDeveloper
ここでは、MozillaFirefoxにWeb制作関連の様々な機能を追加するツールの「Web Developer」を紹介します。
Web Developer
ソフトウェア情報
概要:
MozillaFirefoxにWeb制作関連の様々な機能を追加するツール
役立つ時:
Webアプリケーションのデザイン・ユーザビリティの評価する時
ポイント:
表示されているWebページの情報(テーブル構造や画像の情報など)を視覚的に確認できること
配布先URL:
・http://www.infoaxia.com/tools/webdeveloper/(日本語版サイト)
・http://www.chrispederick.com/work/firefox/webdeveloper/(本家サイト)
使い方
このソフトをインストールすると、FireFoxにツールバーが追加されます。ツールバーから使用したい機能を選択します。
以下の画面は「枠表示」→「ブロック要素を枠で囲う」を選択した場合のイメージです。
以下の画面は、「画像」→「画像の幅と高さを表示する」、「画像のファイルサイズを表示する」、「画像のパスを表示する」を選択した場合のイメージです。