このエントリーをはてなブックマークに追加


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

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

この記事では、以下のバージョンを利用しました。

Firefox12.0
HttpFox0.8.10
OSWindows 7

スポンサーリンク

関連資料

以下、win.just4fun.bizで公開している記事になります。

HttpFoxをインストールする

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

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

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

以下のURLからインストールすることもできます。

HttpFoxを使ってみる

FirefoxのアドオンとしてインストールしたHttpFoxを使ってみます。

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

スポンサーリンク

添付ファイル: filehttpfox-01.gif 817件 [詳細] filehttpfox-02.gif 786件 [詳細] filehttpfox-03.gif 775件 [詳細] filehttpfox-04.gif 745件 [詳細] filehttpfox-05.gif 848件 [詳細] filehttpfox-06.gif 811件 [詳細] filehttpfox-07.gif 747件 [詳細] filehttpfox-08.gif 767件 [詳細] filehttpfox-09.gif 820件 [詳細]

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2015-03-20 (金) 22:35:53