サーバーエンジニアが入れておくと便利なFirefoxアドオン7選
http://d.hatena.ne.jp/wadap/20080616/1213580741※
世界で最強のブラウザって言ったら、やっぱゲイツ様謹製のMicrosoft Internet Explorerだよね〜。Firefoxなんてクソくらえ。フォクすけはお尻にセキュリティホールがあるからきらいです。
…みたいな感じで、意地でもFirefoxを使いたくない人ってやっぱいるじゃないですか。たとえばぼく。で、元記事みたいなエントリを読むたびに「Firebug」がないことに歯噛みするわけで。実際仕事でWebやってるとないとどうにもならない部分もある。かといってFirefoxに乗り換えるのはイヤ。ということで
Firefoxでよくあるツールの代用品をIE向けにまとめてみる
というのがこのエントリの趣旨。
6つほどPickupしてみた。
- Internet Explorer Developer Toolbar
http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en
最新バージョン:1.00.2188.0
DOMインスペクタ系の機能をカバーする定番中の定番。- DOM解析
- TABLE、ブロックのアウトライン表示、クラス名表示など
- CSS/JavaScriptなどのON/OFF
- スタイルの変更
- 画像のON/OFF、ALT表示、ファイルサイズ・縦横サイズ表示
- ルーラー、ピッカー
- cookie内容の確認
- キャッシュクリア
- ブラウザリサイズ
- 構文チェック
- アクセシビリティチェック
- Debug Bar
http://www.debugbar.com/
最新バージョン:v5.0.2
こちらは後述のCompanion.JSと組み合わせて、JavaScriptデバッガ系の機能を提供するもの。ツールバー側で- ブラウザリサイズ
- カラーピッカー
- DOM解析
- ページ内要素ごとのHTTPレスポンスヘッダ、取得状況・時間(DNS解決・コンテンツ取得など)
- 構文チェック
- JavaScript解析、簡易デバッグ
- Companion.JS
http://www.my-debugbar.com/wiki/CompanionJS/HomePage
最新バージョン:0.3
DebugBarと同じ作者によるもので、こちらはフリー。JavaScriptデバッガとして動作し、エラー発生時に発生箇所を出力してくれるほか、Firebug互換のコンソール機能をもつ(そうです)。 - ieHTTPHeaders
http://www.blunck.se/iehttpheaders/download.html
最新バージョン:2.1
ページ閲覧中のHTTPリクエスト・レスポンスヘッダ(ボディも)表示が可能になる。ちなみにMIME typeベースのフィルタリングができるのが便利。個人用途ではフリー。 - AOL Pagetest
http://pagetest.wiki.sourceforge.net/
最新バージョン:2.0.0.172
個人的にはこれがいちばんうれしい! Firebugの「YSlow」に相当する、ページ中要素の読み込み所要時間をグラフ化してくれるツール。見た目も非常に美しい。DebugBarにも要素の読み込み時間などを見る機能はあるのだが、このグラフが欲しかったのだ。インストール後の使い方がわかりにくいという難あり。IEのメニューの「ツール」→「AOL Pagetest」で呼び出す。 - 録画バー
http://members.jcom.home.ne.jp/dvsoft/capturebar/index.html
最新バージョン:2007.9.19
ちょっと本筋から離れるツールかも。表示中ページのキャプチャを取るもの。
てな感じですが。どうですか! これだけあれば我がIEはあと三年は戦える!
…ただ、ひとつだけIEでツールを集めてもカバーできなかったものが。それは「表示中のページのHTMLソースを直接書き換え、反映する」機能。「HTML Quick Edit Bar」というのがあるのだけれど、ちょっと違うんだよね…。しかたないので個人的にはブックマークレットでJavaScriptを呼び出して処理してます。
※なんかおかしいと思ったらリンク先間違えてた…。意味わかんねー記事になってた。なんせケータイで原稿書いてるので…。腹いせにトラックバックしておく。
