如何使用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就会生效了。

传送门

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