前端开发利器之 fiddler

Question

最近接触 H5 界面开发较多，也认识了一个前端开发调试利器——fiddler。

抓包

fiddler 的一大重要功能就是抓包，类似于 chrome 的 network，但是功能更加强大

• fiddler 可以抓本电脑所有的网络请求
• fiddler 抓包查看的细节更多、格式更全面
• fiddler 可以使用多种自定义过滤的方式抓包

本地文件替换

绝对是一个利器，可以将网络上的某个 JS 文件，代理成本地的JS文件，然后直接修改本地文件，即可调试网络上的界面

• 可以代理到本地文件
• 可以代理成另外一个网络文件
• 可以代理成 404，例如查看广告、统计代码对网站的影响

网络使用代理

• 手机可以修改 wifi 的代理功能，由开启 fiddler 的 PC 代理该手机，该手机上的网络请求可以被抓包、文件替换
• 调试 app、H5 界面开发的话，是必不可缺的

其余的功能

• fiddler 还可以模拟网速，类似于 chrome 的模拟，可以模拟 2g、3g、4g 的不同网络
• fiddler 可以进行 host 设置、打断点，不过我感觉用不到，有专门的工具来做这些

总结

• fiddler 十分强大，可以多瞅瞅
• fiddler 也有缺点，也有自己的缓存，需要清空
• fiddler 是个代理，有的时候会影响一些特使的 http 请求，或者影响其余的翻墙软件的使用，这个要具体查看