跨平台web调试代理工具Whistle并使用SwitchyOmega替换代理

whistle

一、安装node

$ node -v
v10.14.2

二、安装whistle

$ npm install -g whistle

$ w2 --version
1.13.25

三、启动服务

$ w2 start

四、whistle配置

五、SwitchyOmega配置

六、常用功能

# 说明：相当于浏览器层的host文件，如果找不到再去查找本机的host文件
192.168.0.1 mydomain.com

# 说明：请求百度的时候会返回京东的页面内容
https://m.baidu.com https://wq.jd.com/

# 说明：使 http 返回 404
https://m.baidu.com statusCode://404

# 说明：会在网页最后以 script 标签的形式插入，花括号的值是内置编辑器保存的文件，在主菜单 “Value” 下可找到
https://wq.jd.com js://{test.js}
https://wq.jd.com js:///Users/myname/test/test.js

# 说明：在网页里以 style 标签的形式插入
https://wq.jd.com  css://{test.css}

# 说明：会把内容 append 到请求后面
http://mydomain.com/style.css resAppend://{myAppend.css}

# 说明：完全替换请求内容
http://mydomain.com/style.css resBody://{myResBody.css}

# 说明：为 https://wq.jd.com 页面快速添加一个 weinre 调试脚本，点击 http://local.whistlejs.com/weinre/client/#debug_mypage 或界面主菜单 “Weinre” 可打开 inspect 界面调试该页面
https://wq.jd.com weinre://debug_mypage

注意

whistle替换规则基本都是后者替换前者，但替换单文件时却是相反的，比如

# 域名替换
# 以下访问github，将出现baidu首页
https://github.com https://www.baidu.com

# 文件替换
# 以下是前面的本地文件替换了后面的线上文件
file://D:\Work\Projects\tfkj-im\js\module\team.js https://testweb.tfhulian.com/static/im/js/module/team.js