Skip to content

使用 Fiddler 替换 JS 文件进行调试

Published: at 04:39 PMSuggest Changes

公司的项目,没有用到 react、vue 这些的,用的是原生 js 文件,但是这个 js 文件被压缩了,没法用 F12 进行调试

没有服务器控制权限,不能上传文件,无法对文件进行修改。

需求:将远程的 js 文件替换为本地的文件,进行调试

解决方法:Fiddler 拦截替换、谷歌插件替换、谷歌调试工具自带的 Local Overrides,这儿只讲 Fiddler 拦截替换

Fiddler 抓包后规则替换方式

  1. 左键双击对应文件
  2. 右边列表中切换到 AutoResponder 选项卡,勾选 Enable RulesUnmatched requests passthrough
  3. 点击 Add rule,第一个下拉框不用管,第二个下拉框选择 Find a File,选择你要替换的本地 js 文件
  4. 然后点击 Save 保存
  5. 刷新网页,看看是不是加载了你的本地 js 文件

Fiddler 抓取 HTTPS 内容

有些内容是 https 的,需要生成一个中间人证书去抓取。

  1. 点击 Tools > Fiddler Options > HTTPS.
  2. 点击工具栏中 Actions,选择 Reset All certificates,然后关闭 Fiddler
  3. 重新进 HTTPS 设置点击 Actions,点击 Export Root Certificate to Desktop,这时候桌面上会出现证书 FiddlerRoot.cer 文件,双击安装证书。
  4. 重启 Fiddler 就可以抓取了。

其他方式

Chrome 插件

看了一下,好像是用了 307 跳转的方式进行替换的,但是有时候替换没效果

Local Overrides

见本站文章 JS 调试 -(Local Overrides)

相关资料

总结

Fiddler NB 确实 NB


Previous Post
Chrome DevTools 调试技巧:忽略不必要的 JavaScript 文件
Next Post
使用 Fiddler 抓取 HTTPS 内容