18
20

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2014-08-18

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を落とせば差し替えタイム終了。

18
20
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
18
20

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?