開発者に便利なFirefoxアドオン
私がFirefoxを使い始めるきっかけになりました。
 htmlを作成するにはホームページビルダーのようなソフトウェアを使うこともできますが、Webアプリケーションの画面としてhtmlを作成する際、動的に画面(html)を変更する必要がある場合が多く、htmlの一部を変数にしておいてプログラムからテンプレートとして扱ったり、JSPのように、部分的にプログラムコードを記述しなければならなかったりします。
 そのようなときにはhtmlの知識は不可欠ですし、直接エディタで編集できなければなりません。
 たかがhtmlですが、テーブルが幾重にも重なったり、インデントがない場合も多いので、読みづらいこともよくあります。

 そんなときに役立つのがFirefoxのアドオンであるWeb Developerです。

 Web Developerのツールバーの一部
Web Developerのツールバーの一部

 例えば、ツールバーでOutline→Outline Tables→Table Cellsをクリックすると、そのとき表示しているhtmlページのテーブルのセルを色分けで表示してくれます。

Web Developer画面1

 html作成中にテーブルが崩れてしまった場合などに、どこが原因か調べることができます。
 また、Images→Display Alt Attributesをクリックすると、そのとき表示しているhtmlページに含まれる画像のalt属性の値を表示してくれます。alt属性の間違いや記述漏れをチェックしたい場合に便利です。

Web Developer画面2

 ツールバーでクリックした項目は画面遷移とともにリセットされてしまいますが、これを保持したい場合は、Options→Persist Featuresをクリックしておきます。
 日本語対応バージョンもありますが、最新のFirefoxには現時点(2009/05/15)では未対応です。
 ここでは紹介しきれませんが、他にもいろいろな機能があります。開発をする方にはおすすめです。


Yahoo!ブックマークに登録 Googleブックマークに登録 はてなブックマークに登録 livedoorブックマークに登録 deliciousブックマークに登録 Buzzurlブックマークに登録


トップ | このサイトについて | 管理者へメール | サイトマップ
Google www una.soragoto.net  
Copyright(c) 2009 - 2012 una All Rights Reserved.