前端超好用的web调试抓包工具——whistle的安装及pc端和移动端真机使用

前端日常移动端开发过程中，对于真机问题经常需要抓包解决，但是我自己手机是安卓手机，android 7.0后，对于https的请求，最近发现了另一个好用的工具（whistle），简单介绍一下使用步骤

whistle官方文档

1、安装

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

 npm install  -g  whistle   

2、本地启动

w2 start

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

3、pc端windows场景设置全局代理

4、安装根证书

点击下载证书，之后双击证书，安装证书，注意需要安装到受信任的根证书颁发机构中

捕获https请求，就可以在界面中看到浏览器发出的一些请求

5、移动端设置手动代理

如果需要抓取https，需要安装证书

首先打开浏览器扫描扫描HTTPS 里面的二维码下载CA证书安装后再信任，进入wifi设置，长按你所连的wifi，点击修改网络

mobile 和 PC处于同一WiFi，HTTP的代理开启手动，服务主机名为你主机的ip地址，可以在终端中运行ipconfig查看，端口为开启端口，填好之后保存，就可以捕获手机的网络请求了