来到查看抓包请求的页面,可见显示十分的全面
还能显示树状图,根据域名进行区分,功能十分强大!
安装步骤
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代理插件:推荐安装xxxxxxx-xxxxx
安装好后,点击小圆圈,选择选项
新建情景模式
6.安装证书
安装完成,进行抓包
去请求老倒霉蛋百度,可以看到,Whistle控制台是可以抓到请求的
注意事项
配置好代理后,记得选择,不然的话也抓不到请求