抓包与代理神器 —— whistle

安装

npm i whistle -g

基本操作与配套设置

w2 start 启动 w2 restart 重启 w2 stop 停止服务 w2 status whistle当前状态

http://127.0.0.1:8899/ , whistle会启动一个服务，默认8899端口
chrome插件switchyOmega 配置代理，域名127.0.0.1,端口8899,此时chrome打开的浏览器都会被whistle代理请求

switchyOmega 配置代理之后，需要手动切换代理模式，switchyOmega图标为黑色代表系统代理，灰色为直连模式，浅蓝色为proxy代理，我们选择浅蓝色的图标即可。这里不打开代理whistle是不生效的哦
如果是用手机，则手机跟电脑在同一网段，打开wifi手动配置代理：ip是电脑ip, 端口是8899即可
PC跟移动端都需要下载whistle证书，放置到受信任的证书中，这样才可以开启https的抓包
对于options请求，需要打开浏览器的开发者工具，勾选disable cache,否则options请求只能抓到一次，不能抓到真实请求

本地服务配置代理

本地启动服务(自己本地搭建的express)，打开react项目build后的文件，会出现网络请求跨域的问题，可以使用whistle直接配置域名代理即可，流程如下：

react项目build
运行自己写的server，打开build后的文件，我是运行在9999端口，localhost:9999 此时就接口出现跨域
打开whistle 配置一条Rules: example.com localhost:9999，example.com 是跨域接口的地址
浏览器打开example.com 代理访问 localhost:9999，此时没有跨域问题了

配置规则

本地文件或文件路径替换，协议头可以加也可以不加，不加表示匹配所有协议，否则只对某个协议生效。类似willow的路径替换。

  ctc.i.gtimg.cn/qzone/biz/gdt/atlas/mod/message.html  C:\Users\ouvenzhang\Desktop\edit.html # 单个文件的本地替换
  ctc.i.gtimg.cn/qzone/biz/   C:\Users\ouvenzhang\Desktop\biz\build\  # 文件路径的替换，一般用这条就可以了
  http://ctc.i.gtimg.cn/qzone/biz/ C:\Users\ouvenzhang\Desktop\biz\build\   #只针对http请求的文件路径替换

请求转发，将指定域名请求转发到另一个域名

  www.qq.com ke.qq.com # 指定域名转发生效
  **.qq.com ke.qq.com  # 所有qq.com子域名转发生效

脚本注入，可以将一段脚本（可以使html、js、CSS片段）注入到dom页面中进行调试

  ke.qq.com html://E:\xx\test\test.html
  ke.qq.com js://C:\Users\ouvenzhang\Desktop\gdt\console.js
  ke.qq.com css://E:\xx\test\test.css

匹配模式，可以根据正则式匹配路径

  #/keyword/i #关键字匹配
  /ke\.qq\.com\/atlas\/(\d+)\/order\/edit/i C:\Users\ouvenzhang\Desktop\gdt\edit.html  # 正则匹配
  ke.qq.com/atlas/25610/order/edit C:\Users\ouvenzhang\Desktop\gdt\edit.html    # 直接匹配

忽略特性的请求内容

  /qq.com/ filter://rule|hide    # 忽略包含qq域名下的请求并不在network中显示
  /spa\-monitor\.min\.js/i filter://rule  # 忽略匹配包含spa-monitor.min.js，但在network中显示，相当于文件白名单

相同协议规则的默认优先级从上到下，即前面的规则优先级匹配高于后面，如：

  www.test.com 127.0.0.1:9999
  www.test.com/xxx 127.0.0.1:8080

请求 www.test.com/xxx/index.h… 按从上到下的匹配顺序，只会匹配 www.test.com 127.0.0.1:9999，这个与传统的hosts配置后面优先的顺序相反。

如果想跟系统hosts匹配顺序一致，可以在界面通过 Rules -> Settings -> Back rules first 修改，但这个规则只对在页面里面配置的规则生效，对插件里面自带的规则及通过@方式内联的远程规则不生效。

除rule及proxy对应规则除外，可以同时匹配不同协议的规则

  www.test.com 127.0.0.1:9999
  www.test.com/xxx 127.0.0.1:8080
  www.test.com proxy://127.0.0.1:8888
  www.test.com/xxx socks://127.0.0.1:1080
  www.test.com pac://http://www.pac-server.com/test.pac
  www.test.com/xxx http://www.abc.com
  www.test.com file:///User/xxx/test

请求 www.test.com/xxx/index.h… 按从上到下的匹配顺序，及第二点原则，会匹配以下规则：

www.test.com 127.0.0.1:9999
www.test.com proxy://127.0.0.1:8888
www.test.com pac://http://www.pac-server.com/test.pac
www.test.com/xxx http://www.abc.com

proxy、http-proxy、https-proxy、socks都属于proxy，html、file等都属于rule，所以这两个对应的协议只能各种匹配其中优先级最高的一个。

一些属于不同协议，但功能有冲突的规则，如 rule、host、proxy，按常用优先级为 rule > host > proxy，如：

过滤条件设置

可用多个条件用空格或换行分割，支持正则，支持以下条件，/^(m|i|h|b|c|d|H):
m:pattern：pattern为字符串或正则表达式，匹配请求方法包含该字符串(不区分大小写)或匹配该正则的请求
i:ip：ip表示客户端ip或正则表达式，匹配客户端ip包含该字符串(不区分大小写)或匹配该正则的请求
h:header：header表示请求头rawData的某部分字符或正则表达式，匹配请求头包含该字符串(不区分大小写)或匹配该正则的请求,

过滤type字段使用h,例如：h:css 过滤css请求

H:host：host表示Network里面的host字段，为请求的域名加端口，匹配请求host字段包含该字符串(不区分大小写)或匹配该正则的请求
其它：正则或普通字符串，匹配请求URL包含该字符串(不区分大小写)或匹配该正则的请求

host \ url 字段可以直接使用filter 过滤关键词

可以通过右键 Filter -> This URL 或 This Host 快速过滤当前URL或host的请求

whistle中文文档

抓包与代理神器 —— whistle

安装

基本操作与配套设置

本地服务配置代理

配置规则

过滤条件设置

更多