fiddler修改線上的內容

標籤：取消   按鈕   通過   箭頭   拖動   網站   瀏覽器   檔案名稱   內容   

有時候本地的代碼跟線上的代碼還是運行環境還是有區別的。比如有些封裝的方法需要運動到手機上可以調試，而瀏覽器是無法調試的。如果不想每次修改完再放上到測試環境看效果，那要怎麼做呢？fiddler為我們提供了很多的便利，直接就可以讓你通過本地的代碼，來讓線上馬上就可以訪問到。來來來，走起

 

操作如下：（圖片發布到線上變形了，抱歉，不過基本可以看懂）

第一步：開啟你需要替換的內容網站，找到你要替換的內容

比如我想替換部落格園右側邊欄的那張廣告圖片，不錯，我就是看不慣這個廣告，所以我想把這個圖給換掉。你可以在Google開發人員模式那裡找到這種圖的名字。

 

第二步： 然後在fiddler上找到這張圖片，可以點擊find，然後輸入你要找的檔案名稱尾碼即可

當然，如果左邊抓到的檔案不多，也可以在左邊直接選擇檔案，拖動到右邊

第三步：fiddler左側欄，選擇 AutoResponder按鈕，然後把下面的三個選項勾選上。左邊選擇到的圖片拖到右邊箭頭指示的位置

 

第四部：點擊箭頭所示的位置，選擇find a file。。，選擇一個你本地的檔案。

第五步：點擊箭頭所示的save按鈕。是的，就這樣，你就將線上的內容替換到你本地了。

第六步：重新整理網頁，替換成功

第七步：取消替換

當你不想替換本地的檔案，讓線上的檔案正常時，點擊檔案，右鍵，選擇第一個選項：Remove即可

 

 

總結：

　　用這種方法，非常方便將本地的資源替換為線上進行調試。本文只是示範了圖片的替換，html，css,js的原理是一樣一樣的。尤其像我們公司，發布一個項目到測試環境是比較耗時間的一件事情，而且有些東西只有線上上才可以訪問到。因此，用fiddler的方法就非常的省時省力了。

fiddler修改線上的內容