与后端数据通讯是前端平常开发的重要一环,在与后端接口联调的时候每每须要经过查看后端返回的数据进行调试。若是在PC端,Chrome自带的DevTools就已经足够用了,Network面板能够记录全部网络请求,查看接口数据很是方便。可是在移动端就不能这样干了,手机上是没法直接查看网络请求数据的,这时候就须要一个能记录网络通讯的工具,也就是抓包工具。来来回回尝试了好几个,Fiddler算是用起来最爽的了:)前端
Fiddler是一个免费的web调试代理,它可以记录、查看和调试全部链接上的终端和远程服务器之间的http/https通讯。闲话少叙,直接说如何调试手机上的页面。web
在电脑上安装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,工具
1.浏览器输入:电脑的IP地址192.168.60.30:8888,安装证书——安装后应该能够在安全——信任证书——用户(我的)里面看到 加密
2.IOS手机手机设置-通用-关于本机,最后一个受信任证书存储区里面,把fiddler的证书信任下 spa
3.安卓华为手机权限管理——软件——信任此应用
通过这两步设置以后,Fiddler就能够捕获手机与服务器之间的全部http/https通讯了。