19
Help us understand the problem. What are the problem?

More than 5 years have passed since last update.

posted at

updated at

特定のURLに対してローカルファイルを一時的に差し替える方法

Fiddler2を使います。

Fiddler とは

Microsoftによる Proxy 型の HTTP デバッガ。HTTPトラフィックの監視や特定条件でのブレークポイントの設定など、Webアプリケーションのデバッグに便利なツール。Version 2 から HTTPS にも対応。
http://d.hatena.ne.jp/keyword/Fiddler より)

ここからDL:
http://www.telerik.com/fiddler

Fiddlerは何してくれるの

 webサイト →    proxy    → ローカル
      ←          ←
       fidderが中間に入る

ローカルファイルをサーバ上のファイルと差し替える

サーバ上にあるページを変更したローカルファイルと
一時的に差し替えて検証したいときに使います。

Fiddler画面

1.PNG

差し替え前のページ

キャプチャ3.PNG

■やりたいこと■
・投稿タイプの図を真ん中にしたいなぁ。

探して>ドラッグして>差し替えるファイル選択

該当のページをリロードすると、左側にズラーとURLが表示される。
今から http://qiita.com/rico のページのhtmlをローカルに落として編集したので、
それを http://qiita.com/rico に反映したいと思います。

右は、AutoResponderにしておいてください。

2.PNG

左側あるqiita.com /ricoをクリックして、右の白い余白へドラッグする。

3.PNG

ドラッグすると上のようにruleが追加されると思います。

右上のチェックボックス
:heavy_check_mark: Enable automatic responses
:heavy_check_mark: Unmatched requests passthrough
をチェックする。
(画像では3つチェックしていますが。)

4.png

右下のドロップダウンメニューにあるFind a fileから差し替えたいローカルファイルを選択して、

saveを押す。

ブラウザをリロードすると、

キャプチャ2.PNG

図が真ん中にきてる、ということはローカルのファイルが反映されていますね。

Fiddlerを落とせば差し替えタイム終了。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
19
Help us understand the problem. What are the problem?