周总结-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文件或者其他数据保存下来,双击需要替换请求资源的请求,将请求代理到保存下来的本地文件,如图:


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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,807评论 25 709
  • 随着手机等移动设备的普及,适配移动端的页面变得越来越有必要。这也意味着移动端的调试变得越来越频繁,那么就会发生以下...
    木白no1阅读 8,858评论 0 5
  • 本文首次发表于本人的个人博客:http://cherryblog.site/ ,欢迎大家到我的博客查看更多文章~ ...
    sunshine小小倩阅读 10,336评论 3 11
  • 简介 Fiddler(中文名称:小提琴)是一个HTTP的调试代理,以代理服务器的方式,监听系统的Http网络数据流...
    daoyidao阅读 144,453评论 15 169
  • 选书结果公布 本期共读书籍《未来简史》 分享交流时间2017年3月19日 期待你的分享参与 谢谢大家的关注 更多精...
    龙少侠linux阅读 5,392评论 35 2