使用場景
1. 調試客戶端頁面
很多客戶端H5頁面都需要和客戶端交互,有些代碼沒法完全放在chrome裏調試。客戶端會自己定義一些特殊的語法,這種語法有時候不符合正常js的語法,在chrome中會直接報諸如函數未定義,語法不符合規範的錯誤。
2. 調試無法下載到本地或者更改線上代碼的頁面
比如想學習下別人已經上線的代碼,又很難下載到本地運行
使用方法
1、 下載Fiddler
Fiddler4官網下載,Fiddler4百度軟件下載
2、 安裝和設置fiddler
傻瓜式安裝,直接看設置吧:
選擇Tools
—Telerik Fiddler Options
—HTTPS
以及Telerik Fiddler Options
—Conections
的設置如下圖:
3、使用AutoResponder
面板做反向代理替換線上文件
找到需要替換的js文件,這裏有個技巧,可以使用最下方的
quick exec
來快速查找到自己想要的文件,比如查找所有的js可以輸入select js
鼠標點擊想要替換的js請求拖放到
AutoResponder
面板中,注意面板最上方的Enable Rules
和Unmatched requests passthrought
兩個選項要勾上
鼠標選中想要替換的js請求,右擊選擇
copy---just Url
,將複製到的文件放到瀏覽器中訪問,並複製訪問得到的js- 右擊創建的rule,選擇
Generate File
,然後再次右擊選擇Edit file with...
,在編輯器中使用剛纔複製的js覆蓋全部內容,然後開始你的coding調試吧。選擇保存之後,再運行客戶端的頁面,剛纔改動的js就會生效了。