记录Whistle对移动端项目进行抓包的简单使用

1.首先,我们需要安装whistle
具体安装过程详见:Whistle使用简介
(1)安装了v0.10.0以上版本的Node
(2)全局安装whistle: npm install -g whistle
(3)安装好之后启动: w2 start
记录Whistle对移动端项目进行抓包的简单使用
启动成功后,在Chrome输入上图IP(这里是我的IP,你要输入你的,或者直接用127.0.0.1)
成功之后如图:
记录Whistle对移动端项目进行抓包的简单使用
然后进入network。
2.开始操作移动端。
(1)使移动端和你开着whistle的设备处于同一网络环境下(我这里是同一wifi),配置手机网络代理环境,如图:
记录Whistle对移动端项目进行抓包的简单使用
配置代理为手动,输入主机名以及端口号,保存修改即可。
然后就可以在主机端进行抓包了,移动端一切动作都可以看到,这就是前端调试利器啊!
记录Whistle对移动端项目进行抓包的简单使用
但是这样只能抓http的请求
如果是https需要在手机上安装相关证书。点击第一行中的HTTPS,用手机下载该证书,然后在手机上安装一下就可以了。
这个工具还有更多更好用的功能,目前修为尚浅,等日后功力加深再来补充。
如果哪里有错误,感谢各位大佬指正;
如果对你有帮助,点个赞鼓励一下我哈。