学习总结——前端移动端抓包总结（whistle+安卓12）

前端日常移动端开发过程中，对于真机问题经常需要抓包解决，常用的windows中我们会使用fiddler，mac下我之前一直在用charles，但是我自己手机是安卓手机，android 7.0后，对于https的请求，安卓手机即便安装了证书也无法解析请求包内容，最近发现了另一个好用的工具（whistle），简单介绍一下使用步骤

1、安装

我直接使用npm全局安装的，安装结束可以输入w2 help查看帮助信息，并验证是否安装成功

 npm install  -g  whistle   

2、本地启动

w2 start -p 8899 // 8899也是默认端口

启动后访问http://127.0.0.1:8899/可以看到监控界面 

3、手机和电脑同一局域网下，设置代理为电脑ip+端口8899

 4、此时手机的请求电脑监控界面应该可以看到了

5、如果发现不能抓取https的包，需要对https进行设置

 

扫码手机端下载rootCA.crt，我自己是一加9pro手机，下载后放在自己能找到的目录，然后【设置】——【密码与安全】——【系统安全】——【存储凭据】——【从存储设备安装证书】——【CA证书】选择放置好的证书文件，中间的确认信息都确认就好了

6、安装完成之后可以成功抓取https的包了~ 就是中间会一直提示安全证书有问题拦截，忽视就好了~

ps：我是因为charles证书安装了也始终不能用安卓手机抓包，所以探索了这个工具~我这次只用到了移动端抓包这个基础功能，还有很多其他功能，这篇参考博客里面还有规则设置等更详细的功能~大家可以移步看看~参考文档：whistle 前端工具之抓包利器 - JoeJoan - 博客园