HTTP/FirefoxのアドオンHttpFoxでHTTPの送受信を確認するの編集

#navi(../)
* Firefoxのアドオン・HttpFoxでHTTPの送受信を確認する [#u7d6d85b]
FirefoxのアドオンHttpFoxを利用すると、ウェブサーバとブラウザ間の送受信を簡単に確認することができます。~
Webプログラマーの方々には必須のアドオンではないでしょうか。

この記事では、以下のバージョンを利用しました。
|Firefox|12.0|
|HttpFox|0.8.10|
|OS|Windows 7|

#contents
#htmlinsertpcsp(web-top.html,web-sp.html)

* 関連資料 [#vd31621b]
以下、[[win.just4fun.biz>http://win.just4fun.biz]]で公開している記事になります。
-[[Firefoxに登録されたパスワードを確認する方法>http://win.just4fun.biz/%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E9%96%A2%E9%80%A3/Firefox%E3%81%AB%E7%99%BB%E9%8C%B2%E3%81%95%E3%82%8C%E3%81%9F%E3%83%91%E3%82%B9%E3%83%AF%E3%83%BC%E3%83%89%E3%82%92%E7%A2%BA%E8%AA%8D%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95.html]]
-[[Firefoxのサイトのパスワード登録を無効にする>http://win.just4fun.biz/%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E9%96%A2%E9%80%A3/Firefox%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E3%83%91%E3%82%B9%E3%83%AF%E3%83%BC%E3%83%89%E7%99%BB%E9%8C%B2%E3%82%92%E7%84%A1%E5%8A%B9%E3%81%AB%E3%81%99%E3%82%8B.html]]
-[[Firefoxに登録されたパスワードをファイルに出力する方法>http://win.just4fun.biz/%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E9%96%A2%E9%80%A3/Firefox%E3%81%AB%E7%99%BB%E9%8C%B2%E3%81%95%E3%82%8C%E3%81%9F%E3%83%91%E3%82%B9%E3%83%AF%E3%83%BC%E3%83%89%E3%82%92%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AB%E5%87%BA%E5%8A%9B%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95.html]]
-[[Firefoxのメニューバーを常に表示する方法>http://win.just4fun.biz/%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E9%96%A2%E9%80%A3/Firefox%E3%81%AE%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%83%90%E3%83%BC%E3%82%92%E5%B8%B8%E3%81%AB%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95.html]]

* HttpFoxをインストールする [#w12e7547]
Firefoxのアドオンのインストールは簡単です。~
以下の操作でHttpFoxをインストールすることができます。

+Firefoxを起動します。
+メニューバーを表示するため、Altキーを押します。(すでにメニューバーを表示している方は、この操作は不要です。)
+メニューバーのツール(T)をクリックしアドオン(A)をクリックします。
#ref(httpfox-01.gif)
#br
+アドオンの検索エリアに''httpfox''と入力し虫めがねのアイコンをクリックします。
#ref(httpfox-02.gif)
#br
+HttpFoxが検索され表示されるので、インストールボタンを押します。
#ref(httpfox-03.gif)
#br
+ HttpFoxはFirefoxの再起動後にインストールされますと表示されるので、''今すぐ再起動する''をクリックします。~
(Firefoxが再起動されるだけです。Windowsは再起動しませんのでご安心を。)
#ref(httpfox-04.gif)
#br
+Firefoxが再起動されアドオンマネージャの画面も表示されたままになりますので、アドオンマネージャ画面タブを閉じます。

以上で、HttpFoxのインストールは完了です。

以下のURLからインストールすることもできます。
- HttpFox~
https://addons.mozilla.org/ja/firefox/addon/httpfox/

* HttpFoxを使ってみる [#k1a10b01]
FirefoxのアドオンとしてインストールしたHttpFoxを使ってみます。
+Firefoxを起動します。
+メニューバーの表示(V)をクリックしHttpFoxをクリックします。~
メニューバーが表示されていない場合は、Altキーを押します。~
HttpFoxのショートカットとしてShift+F2で起動することもできます。
#ref(httpfox-05.gif)
#br
+ HttpFoxの画面が表示されました。~
マウスでHttpFoxの表示エリアを拡大縮小することも可能です。
#ref(httpfox-06.gif)
#br
+yahoo.co.jpとの送受信をHttpFoxで見てみます。
+開始ボタンを押します。
#ref(httpfox-07.gif)
#br
+www.yahoo.co.jpに接続してみます。~
以下のようにHttpFoxのエリアにウェブサーバとの送受信が表示されます。~
#ref(httpfox-08.gif)
#br
+上段に表示されているのは、1回ごとの送受信を一覧にして表示されています。
+下段は上段の送受信一覧から詳細を見たい送受信をクリックすると、下段にリクエスト、レスポンス情報が表示されます。~
他にもCookieやクエリ文字列、POSTデータ、ボディの情報も確認することができます。
#ref(httpfox-09.gif)
#br
+ HttpFoxを閉じるときは、上段右側の×をクリックするか、メニューバーの表示(V)→HttpFoxをクリックします。~
キーボードショートカットである、Shift+F2でも閉じることができます。

#htmlinsertpcsp(web-btm.html,web-sp.html)

タイムスタンプを変更しない