Live Http headers - HTTP ヘッダ表示ツール

Live Http headers は HTTP リクエストとレスポンスを表示してくれる Mozilla / Firefox 用拡張。

mozdev.org - livehttpheaders: index
http://livehttpheaders.mozdev.org/

http://livehttpheaders.mozdev.org/installation.html からインストールできる。

- Live Http headers を使うと何がうれしいのか

Web アプリケーション開発やチューニングの役に立つ情報が見られる。

サイトを閲覧するためだけにブラウザを使っている場合、HTTP リクエストヘッダやレスポンスヘッダをあまり意識することがない。せいぜい 404 Not Found とかくらいじゃないかな。ブラウザが面倒な部分を処理してくれているおかげだ。でも、Web アプリケーション開発においてはサーバとクライアントがやりとりしている内容を強く意識しなければならないときがある。

たとえば、ブラウザの種類によって表示する内容を変えたい場合、User-Agent リクエストヘッダを見てブラウザの種類を判別する。どんな User-Agent リクエストヘッダを送っているかが分かれば、動作テストがやりやすい。

- Live Http headers が表示する内容

以下のように、リクエストした URL、 HTTPリクエストヘッダ、HTTP レスポンスヘッダを表示してくれる。ちなみに、設定を変えることで、GET メソッドだけでなく POST メソッドでリクエストした内容も表示することができる。

http://sonic64.hp.infoseek.co.jp/

GET / HTTP/1.1
Host: sonic64.hp.infoseek.co.jp
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.0; ja-JP; rv:1.7.6) Gecko/20050318 Firefox/1.0.2
Accept: text/xml,application/xml,application/xhtml+xml,text/html; q=0.9,text/plain; q=0.8,image/png,*/*;q=0.5
Accept-Language: ja,en-us;q=0.7,en;q=0.3
Accept-Encoding: gzip,deflate
Accept-Charset: Shift_JIS,utf-8;q=0.7,*;q=0.7
Keep-Alive: 300
Connection: keep-alive

HTTP/1.x 200 OK
Date: Sat, 16 Apr 2005 13:08:18 GMT
Server: Apache
Content-Length: 66145
Keep-Alive: timeout=10, max=100
Connection: Keep-Alive
Content-Type: text/html

ん? http://sonic64.hp.infoseek.co.jp/ のサーバって 最終更新時刻を示す Last-Modified を返してくれないんだな。HTTP 圧縮転送をしてくれてないことは 2004-02-12 の 「サーバのHTTP圧縮転送の有効/無効を確認できるサイト」で確認してたけど、Last-Modified さえ返してくれてなかったとは。

Last-Modified を返してくれるサーバだと、クライアントは「2005年4月15日 22時8分42秒よりも内容が新しくなってたらデータを送って。新しくなってなかったら、前と変わってないって教えてくれればいいから。」っていう効率的なアクセスができ、ネットワーク転送量やサーバの負荷を軽減できる。それをやらないのは非効率的だと思うんだけどな。まあ、たぶん上下に付いてる広告を常に最新の状態でクライアントに返したいから Last-Modified を返してないんだろうな。

- 正規表現によるフィルタ機能

Live Http headers で表示する URL を絞り込む機能。正規表現で指定できる。画像やスタイルシート、JavaScript や favicon の HTTP ヘッダは普段あまり必要な情報ではないので、Exclude URLs with regexp にチェックを入れておくと余計な情報をカットできる。

□ Filter URLs with regexp  /$|.html$
□ Exclude URLs with regexp  .gif$|.jpg$|.ico$|.css$|.js$

- POST データの表示方法を選択可能

Config タブで指定できる。

POST メソッドでリクエストするときに、そのデータをどう表示するかを指定できる。たとえば、Web メールなどで添付ファイルを POST するとき、1MB のデータを延々表示させても意味がない。普段は fast で良いんじゃないかな。

none
POST データを一切表示しないモード。

fast
「Fast Code」方式で POST データを表示するモード。ファイルアップロードの時は動作しない。

accurate
全 POST データを正確に表示するモード。遅いけど、ファイルアップロードの時でも中身を表示する。

max 1K
POST データの先頭 1キロバイトを表示する。

- Replay 機能

HTTP リクエストを自在に編集してリクエストし直すことができる。
たとえば User-Agent を書き換えてリクエストしたり、POST メソッドを GET メソッドに変えたり、If-Modified-Since を変えたり。サーバ側のテストをするときに有用。

- 別窓で表示可能。

Firefox のブラウザとは別のウインドウで表示できる。常に HTTP トランザクションの中身を表示しておけるのでとても便利。