摘要：當我們線上的代碼出bug了，咋辦呢？有時候本地的代碼跟線上的代碼還是運行環境還是有區別的。比如有些封裝的方法需要運動到手機上可以調試，而瀏覽器是無法調試的。如果不想每次修改完再放上到測試環境看效果，那要怎么做呢？
fiddler為我們提供了很多的便利，直接就可以讓你通過本地的代碼，來讓線上馬上就可以訪問到。來來來，走起
操作步驟如下：（圖片發布到線上變形了，抱歉，不過基本可以看懂）
第一步：打開你需要替換的內容網站，找到你要替換的內容
比如我想替換博客園右邊欄的那張廣告圖片，不錯，我就是看不慣這個廣告，所以我想把這個圖給換掉。你可以在谷歌開發者模式那里找到這種圖的名字。
第二步： 然后在fiddler上找到這張圖片，可以點擊find，然后輸入你要找的文件名后綴即可
當然，如果左邊抓到的文件不多，也可以在左邊直接選擇文件，拖動到右邊
第三步：fiddler左側欄，選擇 AutoResponder按鈕，然后把下面的三個選項勾選上。左邊選擇到的圖片拖到右邊箭頭指示的位置
第四部：點擊箭頭所示的位置，選擇find a file。。，選擇一個你本地的文件。
第五步：點擊箭頭所示的save按鈕。是的，就這樣，你就將線上的內容替換到你本地了。
第六步：刷新網頁，替換成功
第七步：取消替換
當你不想替換本地的文件，讓線上的文件正常時，點擊文件，右鍵，選擇第一個選項：Remove即可
總結：
用這種方法，非常方便將本地的資源替換為線上進行調試。本文只是演示了圖片的替換，html，css,js的原理是一樣一樣的。尤其像我們公司，發布一個項目到測試環境是比較耗時間的一件事情，而且有些東西只有在線上才可以訪問到。因此，用fiddler的方法就非常的省時省力了。