公司的项目,没有用到 react、vue 这些的,用的是原生 js 文件,但是这个 js 文件被压缩了,没法用 F12 进行调试
没有服务器控制权限,不能上传文件,无法对文件进行修改。
需求:将远程的 js 文件替换为本地的文件,进行调试。
解决方法:Fiddler 拦截替换、谷歌插件替换、谷歌调试工具自带的 Local Overrides,这儿只讲 Fiddler 拦截替换
Fiddler 抓包后规则替换方式
- 左键双击对应文件
- 右边列表中切换到
AutoResponder
选项卡,勾选Enable Rules
和Unmatched requests passthrough
- 点击
Add rule
,第一个下拉框不用管,第二个下拉框选择Find a File
,选择你要替换的本地 js 文件 - 然后点击
Save
保存 - 刷新网页,看看是不是加载了你的本地 js 文件
Fiddler 抓取 HTTPS 内容
有些内容是 https 的,需要生成一个中间人证书去抓取。
- 点击
Tools
>Fiddler Options
>HTTPS
. - 点击工具栏中
Actions
,选择 Reset All certificates,然后关闭 Fiddler - 重新进
HTTPS
设置点击Actions
,点击Export Root Certificate to Desktop
,这时候桌面上会出现证书FiddlerRoot.cer
文件,双击安装证书。 - 重启 Fiddler 就可以抓取了。
其他方式
Chrome 插件
看了一下,好像是用了 307 跳转的方式进行替换的,但是有时候替换没效果
Local Overrides
见本站文章 JS 调试 -(Local Overrides)
相关资料
总结
Fiddler NB 确实 NB