whistle调试工具使用分享于是乎，接触到whistle，使用了一段时间后，发现他可以代替fiddler+willow

1 介绍

当开发的，离不开的软件就是 Fiddler + willow，方便我们切换环境、代理调试，尽管他们十分强大，但在使用的过程中，少不了的是内存泄露问题，Fiddler 开上一整天，电脑会变得巨慢无比，有时候甚至会卡死

于是乎，接触到 whistle ，使用了一段时间后，发现他可以代替 Fiddler + willow 的功能，也能连接手机进行用户端的调试，一个字，香

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

2 快速上手

whistle 支持 v0.10.0 以上版本的 Node，为获取更好的性能，推荐安装最新版本的 Node

安装

npm install -g whistle

启动

自定义端口，默认 8899

w2 start -p 8899

image2020-12-28 20_9_27.png

浏览器代理配置

安装谷歌拓展程序 SwitchOmega

两种方法安装谷歌拓展程序

配置刚才设置的端口 127.0.0.1:8899

image2020-12-28 19_57_23.png

访问

浏览器访问 127.0.0.1:8899

image2020-12-28 20_11_31.png

安装PC端证书

点击二维码下载证书，安装证书传送门：
勾选抓取https

在PC端装证书，win10安装信任证书教程

关闭

若不使用代理，即可关闭

w2 stop

3 功能介绍

界面介绍

Network 抓包界面
Rules host 配置
Values 代理文件
Plugins 插件，暂时没用到

image2020-12-28 20_33_0.png

image2020-12-28 20_36_32.png

image2020-12-28 20_37_39.png

常用方法

Rules 页

# 代理本地文件
https://fit.oa.fenqile.com/oa/cf/user/session.json ‪E:\mock\lepay\session.json
 
# 代理 whistle values 文件
https://fit.oa.fenqile.com/oa/cf/user/session.json file://{session.json}

# 请求替换
https://fit.oa.fenqile.com/LxjgFilesys00/upload?scenes=product&output_type=json https://lepay.oa.fenqile.com/LxjgFilesys00/upload?scenes=product&output_type=json

# 正则反向代理
# pattern file://path1|path2|pathN 直到找到第一个符合文件 支持 lepay_app lepay_m lepay_sale
**.fenqile.com/entry/    file://E:\lepay\feature\lepay_app\devtools\entry\|E:\lepay\feature\lepay_m\devtools\entry\|E:\lepay\feature\lepay_sale\devtools\entry\
**.fenqile.com/devtools/ file://E:\lepay\feature\lepay_app\devtools\|E:\lepay\feature\lepay_m\devtools\|E:\lepay\feature\lepay_sale\devtools\
**.fenqile.com/htdocs/   file://E:\lepay\feature\lepay_app\htdocs\|E:\lepay\feature\lepay_m\htdocs\|E:\lepay\feature\lepay_sale\htdocs\