安装使用抓包神器：Whistle

来到查看抓包请求的页面，可见显示十分的全面

还能显示树状图，根据域名进行区分，功能十分强大！

---

安装步骤

---

1.安装Node

因为Whistle是基于Node实现的跨平台web调试代理工具，所以我们需要先去安装Node环境

Node.js (nodejs.org)

直接下载即可

---

2.安装Whistle

Node安装成功后，执行如下npm命令安装whistle （Mac或Linux的非root用户需要在命令行前面加sudo，如：sudo npm install -g whistle）

 

ruby

体验AI代码助手

代码解读

复制代码

 $ npm install -g whistle

npm默认镜像是在国外，有时候安装速度很慢或者出现安装不了的情况，如果无法安装或者安装很慢，可以使用taobao的镜像安装：

 

shell

体验AI代码助手

代码解读

复制代码

 $ npm install cnpm -g --registry=https://registry.npm.taobao.org
 $ cnpm install -g whistle
 ​
 或者直接指定镜像安装：
 $ npm install whistle -g --registry=https://registry.npm.taobao.org

---

3.启动Whistle

先给大家看一看常用的几个命令

最新版本的whistle支持三种等价的命令whistle、w2、wproxy

启动whistle

 

sql

体验AI代码助手

代码解读

复制代码

 w2 start

指定端口启动

 

css

体验AI代码助手

代码解读

复制代码

 w2 start -p 8899

关闭whistle

 

css

体验AI代码助手

代码解读

复制代码

 w2 top

如果不指定端口，whistle默认端口为8899

---

4.查看whistle

可以通过以下两种方式来访问配置页面：

• 方式1：域名访问 local.whistlejs.com/
• 方式2：通过ip+端口来访问，如： http://127.0.0.1:8899

因为兼容性问题，最好去使用Chrome浏览器去进行访问

选择NetWorl，此时是抓不到请求的，大家也不要着急，还需要进行一点点配置即可抓到请求！

---

5.配置代理

安装Chrome代理插件：推荐安装SwitchyOmega

安装好后，点击小圆圈，选择选项

新建情景模式

---

6.安装证书

---

安装完成，进行抓包

去请求老倒霉蛋百度，可以看到,Whistle控制台是可以抓到请求的

---

注意事项

配置好代理后，记得选择，不然的话也抓不到请求

作者：Code皮皮虾
链接：https://juejin.cn/post/7039341462051356679
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。