如何使用Fiddler調試線上代碼

使用場景

1. 調試客戶端頁面

很多客戶端H5頁面都需要和客戶端交互,有些代碼沒法完全放在chrome裏調試。客戶端會自己定義一些特殊的語法,這種語法有時候不符合正常js的語法,在chrome中會直接報諸如函數未定義,語法不符合規範的錯誤。

2. 調試無法下載到本地或者更改線上代碼的頁面

比如想學習下別人已經上線的代碼,又很難下載到本地運行

使用方法

1、 下載Fiddler
Fiddler4官網下載Fiddler4百度軟件下載

2、 安裝和設置fiddler
傻瓜式安裝,直接看設置吧:
選擇ToolsTelerik Fiddler OptionsHTTPS以及Telerik Fiddler OptionsConections的設置如下圖:

這裏寫圖片描述
這裏寫圖片描述

3、使用AutoResponder面板做反向代理替換線上文件

  1. 找到需要替換的js文件,這裏有個技巧,可以使用最下方的quick exec來快速查找到自己想要的文件,比如查找所有的js可以輸入select js
    這裏寫圖片描述

  2. 鼠標點擊想要替換的js請求拖放到AutoResponder面板中,注意面板最上方的Enable RulesUnmatched requests passthrought兩個選項要勾上
    這裏寫圖片描述

  3. 鼠標選中想要替換的js請求,右擊選擇copy---just Url,將複製到的文件放到瀏覽器中訪問,並複製訪問得到的js

  4. 右擊創建的rule,選擇 Generate File,然後再次右擊選擇Edit file with...,在編輯器中使用剛纔複製的js覆蓋全部內容,然後開始你的coding調試吧。選擇保存之後,再運行客戶端的頁面,剛纔改動的js就會生效了。

傳送門

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章