whistle，一个基于Node实现的跨平台web调试代理工具，跟前面分享的Charles工具相似，主要是用于查看，修改Http、Https等的请求和响应。

1.部署在一个公共的服务器上，所有的测试机需要抓包时候只要装一次证书。

2.执行命令：npm i -g whistle #需要配代理的自己配

w2 start

3.安装启动whistle后，浏览器代理，安装Chrome代理插件：SwitchyOmega

proxy whistle server地址：127.0.0.1:8899

4.移动端代理：移动端在wifi高级设置中，配置当前wifi的代理，配置完记得装证书

5.pc端代理：MAC：System Preferences > Network > Advanced > Proxies > HTTP or HTTPS

Linux: Settings > Network > VPN > Network Proxy > Manual

6.配置完代理后，打开界面，我们选择rules菜单栏，点击create可以创建规则

7.过滤相关指标及信息

1）filter 面板（过滤规则）

Exclude Filter：忽略的规则设置，例如需要过滤掉的一些 域名，或者一些设备ip

Include Filter：拦截规则，例如需要指定抓取一些指定域名，一旦打钩选择了应用次规则，非规则内的就不会被捕获到。

例如：

i:192.168.10.17

h:www.pparty.com

这样的话，只要满足其中一条规则都会被捕获到信息；而不是需要满足两个条件；如果想获取 ip为192.168.10.17这个clientIp发出的www.pparty.com的请求可以通过以下方式：

1.Exclude Filter【过滤指定IP】+ Include Filter的结合【拦截指定域名】

2.Include Filter + network底部的 type filter text

3.type filter text

直接通过输入文本来过去当前network面板的信息

4.network信息显示栏目（network columns）

Date：发送请求的时间

Result：请求状态码

Method：请求方法

Protocol：协议

ClientIP：发起请求的客户端IP

ServerIP：响应IP

ClientPort：发起请求客户端端口

ServerPort：响应端口

Host：域名

URL：请求连接

Type：响应类型

Body：响应内容

Encoding

DNS：DNS解析时间

Request：请求内容

Response：响应内容

Download

Time：请求耗时