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を利用したことのない方は、このページを参考に導入を検討してみてはいかがだろうか?
- 2日前のトップ記事
- 3日前
- 4日前
- 5日前
- ホワイトペーパー
- 話題のタグ
Linux
Mozilla
IDE
MySQL
ブラウザ
小技
Mac OS X
Adobe
C/C++
Firefox
Google
Ruby
ライブラリ
Eclipse
PHP
リファレンス
Apache
仮想化
Safari
Ajax
server
CSS
Oracle
オープンソース
Java
Apple
Database
Webアプリケーション開発
Microsoft
iPod touch
Firefox 3
Flash
XHTML
入門
RIA
HTML
フレームワーク
Webデザイン
まとめ
Windows
Tips
Leopard
Python
SOA
PostgreSQL
開発環境
イロハ
JavaScript
Ruby on Rails
iPhone
話題のタグを見る »
現場の知見から得られるノウハウを共有しましょう
Firefox 3が対応したdisplayプロパティの値(2)
Ruby・Python・JavaScript・PHPについてどう思いますか?:Tim Brayに聞いてみた
来日したゲイツ氏が経団連で行ったスピーチ全文
グリーンITと「幼年期の終わり」
Web開発者向けツール Opera Dragonflyのアルファ版が登場
あなたがプログラムを理解できない10の理由:第1回
Rubyでどう書く?:RubyでPDF履歴書を作成する
Neil YoungがJavaOneにやってきた
オンラインマーケティングの最重要課題
-Simplify IT- ITをシンプルに 連載第2回