Web開発向けFirefox拡張Web Developer Extension 9つの活用術

原井彰弘
2008/02/21 14:06

Firefoxの開発者向け拡張Web Developer Extensionの活用術がブログで紹介されている。

　Firefoxには開発者向けのさまざまなアドオンが存在するが、その一つに「Web Developer Extension」という拡張機能がある。この拡張機能は、導入するとツールバーからHTMLやCSSの編集、各DOM要素に関する情報の表示などさまざまなことが行えるようになるというものだ。

　ブログ「Six Revisions」の2月4日の投稿「9 Practical Ways to Enhance your Web Development Using the Firefox Web Developer Extension」では、このWeb Developer Extensionの活用法を9つ紹介している。紹介されているのは、次のような内容。

  • ファイルそのものを変更せずにXHTMLをその場で書き替える方法
  • 物差しツールを用いてページ内のオブジェクトのサイズを素早く測定する方法
  • モバイル用ブラウザではどのようにページが表示されるかを確認する方法
  • ページがどの程度最適化されているかを測定する方法
  • フォームのフィールドに自動で値を入力する方法
  • 特定の要素に影響を及ぼすCSSのスタイルをすべて表示する方法
  • 複数のファイルに分割されているJavaScriptやCSSを1ページで表示する方法
  • ページのレイヤーの重なりを表示する方法
  • 特定のウィンドウサイズでページが正しく表示されるか確認する方法

　紹介ではスクリーンショットが多用されており、非常に分かりやすい。まだWeb Developer Extensionを利用したことのない方は、このページを参考に導入を検討してみてはいかがだろうか？

記事に関係する情報をコメントでお寄せください

ニックネーム : CNET_IDにログインしてコメントする

コメント本文（必須） :
  • 昨日のトップ記事
  • 2日前
  • 3日前
  • 8日前
  • 9日前
  • 新着記事
  • 人気記事
  • 特集
  • ブログ
  • 話題のタグ
リファレンス PHP Google Webデザイン ソフトウェア開発 iPod touch モバイル 開発環境 Webサービス WebKit プログラミング言語 Off Topic Firefox Firefox 3 Safari Database Mozilla Opera Microsoft RIA Chrome UI Linux 小技 Tips Flash HTML 仮想化 Windows 7 Internet Explorer セキュリティ CSS JavaScript 脆弱性 ブラウザ Windows Vista Apple オープンソース iPhone 3G Java Adobe iPhone ツール アプリケーション OS Mac OS X Ajax SOA データベース Windows
  • 話題のタグを見る »