whistle 手机调试代理工具

whistle 手机调试代理工具

下载 whistle

1. 首先安装node
2. 安装 whistle

npm install -g whistle

3. 如果安装失败就使用淘宝镜像

npm install whistle -g --registry=[](/)

运行 whistle

w2 start

打开电脑浏览器

在浏览器中打开 localhost:10086页面，点击顶部 HTTPS，在弹出的二维码下方勾 Capture TUNNEL CONNECTs ，然后关闭弹窗。

打开手机

设置 => 无线局域网 => chehaoduo(或者你接入的其他无线网络) => 配置代理 => 手动

输入图一中的服务器（如：192.168.3.77）和端口号（如：10086），点击右上角存储。

手机下载证书

打开手机浏览器，输入网址：rootca.pro，下载信任文件

ios 下：设置 => 通用 => 证书信任设置，打开刚刚安装的证书的开关

安卓下(以华为为例)：

查看请求

返回电脑浏览器，查看刚刚打开的页面 localhost:8899/#network ，可以查看手机的相关网络请求:

如上图，http 和 https 的请求，我们都可以抓包到了~ 接下来看一下如何看某个 url 的 console.log 和 css 样式。