使用场景
1. 调试客户端页面
很多客户端 H5 页面都需要和客户端交互,有些代码没法完全放在 chrome 里调试。客户端会自己定义一些特殊的语法,这种语法有时候不符合正常 js 的语法,在 chrome 中会直接报诸如函数未定义,语法不符合规范的错误。
2. 调试无法下载到本地或者更改线上代码的页面
比如想学习下别人已经上线的代码,又很难下载到本地运行
使用方法
1、下载 Fiddler
2、 安装和设置 fiddler
傻瓜式安装,直接看设置吧:选择Tools—Telerik Fiddler Options—HTTPS以及Telerik Fiddler Options—Conections的设置如下图:
3、使用AutoResponder面板做反向代理替换线上文件
1. 找到需要替换的 js 文件,这里有个技巧,可以使用最下方的quick exec来快速查找到自己想要的文件,比如查找所有的 js 可以输入select js
2. 鼠标点击想要替换的 js 请求拖放到AutoResponder面板中,注意面板最上方的Enable Rules和Unmatched requests passthrought两个选项要勾上
- 鼠标选中想要替换的 js 请求,右击选择
copy---just Url,将复制到的文件放到浏览器中访问,并复制访问得到的 js - 右击创建的 rule,选择
Generate File,然后再次右击选择Edit file with...,在编辑器中使用刚才复制的 js 覆盖全部内容,然后开始你的 coding 调试吧。选择保存之后,再运行客户端的页面,刚才改动的 js 就会生效了。