调试工具-whistlejs的使用

286 阅读2分钟

whistlejs 操作指南

前言: whistle(读音[ˈwɪsəl],拼音[wēisǒu])基于Node实现的跨平台web调试代理工具,类似的工具有Windows平台上的Fiddler,主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应,也可以作为HTTP代理服务器使用,不同于Fiddler通过断点修改请求响应的方式,whistle采用的是类似配置系统hosts的方式,一切操作都可以通过配置实现,支持域名、路径、正则表达式、通配符、通配路径等多种匹配方式,且可以通过Node模块扩展功能

安装

npm i -g whistle

启动

# 启动 whistle,默认端口8899
w2 start

# 指定端口
w2 start -p [端口号]

# 关闭whistle
w2 stop

# 重启whistle
w2 restart

image.png

然后我们访问,如果能正常看到以下页面说明 whistle 启动成功 image.png

开启代理

启动 whistle 后,我们需要为 浏览器 设置 代理指向 whistle Server 地址127.0.0.1:8899,这样才能拦截到浏览器请求。我们有两种方式进行代理:

  1. 通过浏览器配置代理

image.png

为了方便切换,chrome下推荐安装使用 proxyOmega插件来提高切换效率,这样就可以一键切换代理

image.png

配置如下:

image.png

然后切换到我们配置的 proxy 项: image.png

  1. 配置全局代理
# 开启全局代理
w2 proxy

# 关闭全局代理
w2 proxy off

配置

通过以上步骤,我们已经可以抓到浏览器中的请求

image.png

有时候,我们只想抓取特定域名下的请求,可以通过 Settings 配置项进行配置。如我们只想抓取 baidu.com 域名下所有的请求,可以通过配置 Include Filter。如果想排除特性域名下的请求,可以通过Exclude Filter 来实现

image.png

结尾

上述我们完成了 whistle 的基本配置和使用