与后端数据通信是前端日常开发的重要一环,在与后端接口联调的时候往往需要通过查看后端返回的数据进行调试。如果在PC端,Chrome自带的DevTools就已经足够用了,Network面板可以记录所有网络请求,查看接口数据非常方便。但是在移动端就不能这样干了,手机上是无法直接查看网络请求数据的,这时候就需要一个能记录网络通信的工具,也就是抓包工具。来来回回尝试了好几个,Fiddler算是用起来最爽的了:)

Fiddler是一个免费的web调试代理,它能够记录、查看和调试所有连接上的终端和远程服务器之间的http/https通信。闲话少叙,直接说如何调试手机上的页面。

在电脑上安装Fiddler之后,需要进行一些简单的配置才能对手机上的网络通讯进行捕获。

如果想要捕获手机上的通信数据,首先需要手机连接上Fiddler代理,而Fiddler默认是不允许其他设备进行连接的,点击 Tools > Options...,在 Connections 面板选中 Allow remote computers to connect 允许其他设备连接(此操作需重启Fiddler生效),

然后在手机上连上Fiddler代理,贴上一张IOS配置代理截图:

好了,现在Fiddler已经可以捕获手机页面上的http通信了。但是会发现捕获了很多 Tunnel to 的会话,这是怎么回事呢?原来这些都是https请求,而https是加密传输的,Fiddler默认是不对https进行解密的,如果想对https进行捕获,需要继续进行配置。

首先配置Fiddler对https进行解密,点击 Tools > Options...,在 HTTPS 面板选中 Decrypt HTTPS traffic 解密https通信(此操作需重启Fiddler生效),

然后在手机上需要安装Fiddler根证书,因为Fiddler是通过自己生成的证书对网络请求重新签名进行https会话解密的。证书的安装方法就是在手机自带浏览器中访问FiddlerServer地址(比如10.200.8.155:8888),会出现 Fiddler Echo Service 页面,下载并安装 FiddlerRoot certificate

经过这两步设置之后,Fiddler就可以捕获手机与服务器之间的所有http/https通信了。

最新文章

  1. debian/ubuntu 下ISE安装
  2. JSBinding+SharpKit / JavaScript调试
  3. jsp_数据库的连接
  4. sublime3 配置node build环境
  5. Photoshop:不起眼的背景橡皮擦
  6. WebLogic Server的Identity Assertion--转载
  7. ISG2015
  8. response妙用
  9. jsf小例子
  10. highcharts 去掉打印和链接
  11. 最重要的 Java EE 最佳实践
  12. bootstrap 之下拉多选
  13. axios+Vue上传文件显示进度
  14. BZOJ4977[Lydsy1708月赛]跳伞求生——贪心+堆+模拟费用流
  15. qml: 支持的基本类型
  16. sqlserver 中WITH NOLOCK、HOLDLOCK、UPDLOCK、TABLOCK、TABLOCKX
  17. CMake Error: CMake was unable to find a build program corresponding to "Ninja".
  18. matlab下将图片序列转化为视频文件 && 将为视频文件转化图片序列
  19. 代码: js日期
  20. PHP 类与对象 全解析(三)

热门文章

  1. 201521123018 《Java程序设计》第1周学习总结
  2. 201521123111《Java程序设计》第13周学习总结
  3. 泛型在Web中的作用
  4. JSP第六篇【自定义标签之传统标签】
  5. [04] 利用注解生成实体类对应的建表sql语句
  6. 对Spring IOC的理解(转)
  7. Hadoop的safeMode
  8. Java-Filter过滤器用于过滤整个项目的编码
  9. jsonp其实很简单【ajax跨域请求】
  10. 【JVM命令系列】jstat