周总结-Fiddler调试移动web页面

hi 这里是胡斌的本周工作总结

本周工作内容

• 合规合同服务联调和提测，修改BUG
• CRM管理系统改进

本周学习总结

使用Fiddler调试移动web页面

在H5页面整合到APP上去之后，调试和跟进就变得比较麻烦，比如页面脚本挂了（本周出现过），一些请求和事件出现异常，可以将移动端访问的请求代理至PC上的fiddler，再由fiddler发送请求到服务器，这样fiddler就可以完成抓包调试的工作。

设置Fiddler

菜单栏 Tools -> Fiddler Options -> Connections选项卡 -> 如图：

获取无线网IP地址并设置手机代理连接

• 通过ipconfig获取PC端的无线局域网IP
• 连接PC发出的无线网
• 设置手机的HTTP代理为主机名：PC端获得的无线局域网IP，端口：在fiddler中设置的端口

这样就能在fiddler中抓取到手机H5页面或者APP中发出的HTTP请求了，可以像正常调试WEB页面那样进行操作。

代理本地文件

在fiddler中抓取到请求之后，可以将抓取到的HTML文件或者其他数据保存下来，双击需要替换请求资源的请求，将请求代理到保存下来的本地文件，如图：

这样就可以通过修改本地文件进行实时调试，非常方便。