前端调试技巧1：fiddler手机抓包问题记录

PC端设置

抓包的原理也不是很明白，只说下自己的设置过程：

1、decrypt https traffic

点击左上角，Tools–Options，打开Options菜单，如上图所示，勾选Decrypt HTTPS traffic，然后点击 0K，记得第一次点击时，需要下载证书，一路OK就行了。我电脑可能原来安装过了，这次没有提示安装证书，截图略。

2、设置允许远程连接及fiddler抓包端口号

框里的东西都给勾上吧，点击ok就好了。

3、电脑打开热点

此时，把鼠标放在右上角Online处就会显示出来本机的局域网ip，记下这个ip。

手机端设置

1、手机设置手动代理

不同手机设置代理的方式可能稍有不同，基本都是长按wifi名，或者看看wifi下点击高级选项，就会打开代理设置页面。

主机名就是步骤3中显示的那个局域网ip，其实也就是截图中的路由器数据，端口号就是fiddler的端口号8888。

2、手机下载并安装fiddler的证书

在浏览器中打开–主机名：端口号，我的就是：http://192.168.137.1:8888/。

点击FiddlerRoot certificate下来证书，接下来就剩最后一步了：安装证书。此处仅介绍安卓手机的设置，苹果手机仅供参考（从同事那儿得到的经验是，苹果安装完证书后还要在某个地方勾选下“信任”才行）：

方法1：

选择wifi列表下的*“高级设置”，然后“安装证书”*

方法2：

找到手机的“系统安全”菜单–》“加密与凭据”–》“从存储设备安装”

错误预告

PC端设置也好，手机设置也好，其实网上已经有很多了，但是无法联网时的解决方案就不容乐观了，我早就想用fiddler进行手机抓包了，可惜连接热点后就一直无法联网，试了好几次，直到今天才解决了这个问题。
明确一点，主要问题是：手机设置好手动代理、安装证书后无法联网。
可供参考的解决方案：
1、对照上文，检查pc端设置、手机端设置；
2、检查手机fiddler证书是否正确安装。
参照我的经验，在手机浏览器访问某个网页，如果提示“安全警告：该网站的证书有问题。。。”，其实说明证书是安装好了。有一点：安装证书时：类型要选择“用于VPN和应用”

3、设置下window防火墙，允许fiddler通过。


4、最重要的是，更新fiddler版本
哈哈哈哈，我能说最后就是重新去官网下载了个新版的fiddler才解决了问题嘛！
可能老版的fiddler不能有效识别手机上的证书，所以，条件允许的话还是下载一个新版的吧，直接去官网下载就好了。