抓包工具，可以配置代理、抓取 https 请求、模拟 mock 接口数据、请求重定向、修改请求头响应头，修改 GET 请求的参数、页面中注入 js、css 等功能。
常用功能
配置host
127.0.0.1 https://baidu.com/xxx 本地映射 访问 [www.baidu.com](https://link.juejin.cn/?target=http%3A%2F%2Fwww.baidu.com "http://www.baidu.com") ，请求的是本地的 127.0.0.1
重定向
https://baidu.com/xxx redirect://https://aa.com
过滤配置
# host 转发过滤后端接口请求
www.example.com 127.0.0.1:4000 excludeFilter://*/aweme/
替换请求数据
- 本地文件
http://expample.com/xxx.js file:///users/xxx/list.json //模拟接口数据 直接替换为本地的json文件
- 配置values
修改返回状态码
http://expample.com/api/xxx replaceStatus://404 file://{newData.json}
延迟响应
# 模拟接口 5s 后返回
www.example.com/api/xxx resDelay://5000
替换文件/URL
https://baidu.com/A/xxx https://baidu.com/A/xxx
https://baidu.com/xxx.js file:///Users/xxx/xxx.js
替换响应内容
# 指定内容替换为本地文件
www.example.com/xxx resBody://filepath
# 指定内容替换为 whistle 操作值
www.example.com/xxx resBody://{key}
跨域
# `*` 表示设置 access-control-allow-origin: *
www.example.com resCors://*
# `enable` 表示设置 access-control-allow-origin: http://originHost
# 及 access-control-allow-credentials: true
www.example.com resCors://enable
移动端调试
移动端调试主要通过注入 vConsole、使用 weinre 远程查看、修改页面的 DOM 结构及样式，以及使用 log 打印日志 debug，具体用法请查看利用whistle调试移动端页面。
- 注入 vConsole
nginx
代码解读
复制代码
www.example.com jsAppend://{vConsole.js}
- weinre
nginx
代码解读
复制代码
# xxx 为对应的 weinre id，主要用于页面分类，默认为 anonymous
www.example.com weinre://xxx
- 打印日志
nginx
代码解读
复制代码
# xxx 为页面分类，为了方便同时调试不同的网页
www.example.com log://xxx
设置抓包样式
设置抓包列表行样式使用 style 协议，可以用来高亮指定请求，方便查看。
nginx
代码解读
复制代码
# color: 字体颜色，同 css color 属性，由于 `#` 为 whistle 注释符号，可以用 `@` 代替
# fontStyle: 字体样式，可以设置为 normal、italic、oblique 等
# bgColor: 对应列表行的背景颜色，具体设置同 color
www.example.com/api/xxx style://color=@fff&fontStyle=italic&bgColor=red
