やりたいこと
- ブラウザで読み込むファイルをローカルのファイルに差し替えたい。でもあまり面倒なことはしたくない。
環境
- Windows（Mac版もあるけど、なんだか残念）
- .NET必須
準備
下記URLからダウンロードして、インストールする。
以下、.NET4のほうで説明（違いはないと思うけど）。
起動する
ネットワークを監視してみる
この後、ブラウザを立ち上げて、Googleで検索→Qiitaにアクセスしてみる。
左ペインを見てみると、いろいろ読み込んでいるのがわかる。
フィルタリングしてみる
右ペインの「Filters」タブをクリックする
「Use Filters」チェックボックスをクリックすると、その下の項目が活性化される。
キャプチャのように２つのセレクトボックスで「Show only Internet Hosts」と「Show only the following Hosts」を選択し、その下のテキストエリアに絞り込みたいhost名を入れる。
今回はqiitaのみに絞り込んでみる。
入力したら、右上の「Actions」ボタンをクリックする。
フィルタリングを実行してみる。
実行後。qiita.comからのファイルだけに表示が絞り込まれる。
ファイルをローカルのファイルに差し替える
今回はロゴをローカルの画像と差し替えてみる。
右ペイン「AutoResponder」タブをクリックする。
ロゴ画像と思われるURLを左ペインから選び、右の色かかっているところにD&Dする。
右ペイン下の「Rule Editor」の２つあるセレクトボックスの下のセレクトボックスを開き、「Find a file...」を選んでローカルの画像ファイルを選択する。
画像ファイルを選択し終わったら、右ペイン上にある３つのセレクトボックスを全部チェックする。
ブラウザをリロードすると。。。
XPの標準で入っている画像に差し替えられました(´・ω・｀)
うれしい点
- 右ペイン下の「Rule Editor」の「Exact:http://...」では「regex:」に変更することで正規表現を使うことができる。また、正規表現で狙ったファイルが取れているかのチェックもすることができる。
- Web開発のデバッグ時にローカルのJSファイルと差し替えることができるので、本番サーバのソースを変更せずにデバッギングすることができる（熱い）。
残念な点
- 正規表現を使って、「このディレクトリ下のファイルを、このローカルディレクトリ下のファイルに全部置き換える」などのような、ファイルをまとめて差し替えることができない（=ファイル１つにつき、１つずつルールを追加していくことになる）。n個の一致したファイル→1つのローカルファイルの差し替えはできる。