Fiddlerを使用したWebページのテスト

投稿日 : 2008年7月10日 23:21

 Virtual Earth, An Evangelist's Blog より。元記事はVirtual Earth Map Controlのバージョンをアップグレードする際のTipsなのですが、これは他にも大いに使える! ので紹介。

 元記事の内容は、Virtual Earthをアップグレードする、つまりHTML内のscriptタグのアドレスを変更することでできるのですが、既に稼働しているWebサイトをいきなり変更はできないよね。簡単に新しいバージョンでの表示を確認するため、クライアントPCのWebブラウザに表示するときにプロキシを使って旧バージョンのアドレスを参照せず、新バージョンのアドレスを参照しにいくようにするってものです。わかりにくい?

 そこで登場するのがFiddlerというIE用アドインです。一応マイクロソフト製。私もHTTPの通信内容を覗くのに使ったことがありました。結構前からあります。

 手順。試しにこのページのCSSを他の人のCSSに置き換えて表示させてみます。

  1. Fiddlerをインストール。IEのツールバーボタンから起動できます。
  2. FiddlerのRulesメニューから「Customize Rules」を選択。
  3. jsファイルが開くので、「OnBeforeRequest(oSession: Session)」という記述を検索。
  4. 「{」の下に次のように書き加えます。もしこのアドレスなら次のアドレスに置き換えるってだけ。「http://」は付けません。
    if (oSession.url.toLowerCase()=="blogs.wankuma.com/katamari/customcss.aspx") {
        oSession.url = "blogs.wankuma.com/torikobito/customcss.aspx";
    }
  5. ファイルを保存してエディタを終了。
  6. 必要に応じて、IEのキャッシュ削除
  7. テストするWebページへアクセス!

 すると、こんな感じになりました。とりこびとさんありがとう。無断で使用しました。

katamari.wankuma.com

 FirefoxからもFiddlerの使用が可能です。プロキシとして動いているだけなのでFiddler起動中に次のように設定しておけば、Firefoxでも同様にIEと同じ結果が見れます。

インターネット接続

 いろいろと活用できそうですね。他にもカスタムルールを書き換えることでいろいろできると思いますが、私は知らないです。HTTPヘッダ見るのにしか使っていなかったので・・・・・・。日本語で紹介しているページはあまりなさそうですが、@ITの3年前の記事にありました。

Windowsユーザーのためのワンポイント・レッスン 第69回:ITpro

あわせて見ると良いかもー。

フィードバック

# jdoMvkKCHONcvujjZ

2014/08/04 3:57 by http://crorkz.com/
AJ8CBl Thanks-a-mundo for the blog article.Thanks Again. Much obliged.

# VtDcyaQTno

2018/12/17 14:37 by https://www.suba.me/
gIRMIK You could definitely see your skills in the work you write. The world hopes for more passionate writers like you who are not afraid to say how they believe. Always follow your heart.

# KedBHRUyyGrlukBpJY

2018/12/20 7:44 by https://www.suba.me/
yliWni information with us. Please stay us up to date like this.
コメントの入力
タイトル
名前
Url
コメント