替换Fiddler的跨平台调试工具whistlejs试用
Posted 腾讯IMWeb前端团队
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了替换Fiddler的跨平台调试工具whistlejs试用相关的知识，希望对你有一定的参考价值。
whistlejs
whistle是用Node实现的类似Fiddler的web调试代理工具，支持查看和修改HTTP(S)、Websocket请求响应数据，且支持跨平台(Windows、Mac、Linux等可以安装Node的操作系统)。IMWEB团队avenwu作品。
第一步 安装
npm i -g whistle
第二步 启动
w2 run
第三步 配置浏览器代理
如果你使用SwitchyOmega就很容易了
- 新建情景模式
- 命名whistle
- 代理协议 HTTP
- 代理服务器: 127.0.0.1
- 代理端口: 8899 把浏览器代理切换到whistle就可以进入下一步了。
第四步 打开网页，开始配置
一开始用可能有点懵，不要急慢慢来，点击上面的Create按钮新建一个project，如果你用过fiddle的Willow插件它的功能相当于右键菜单的Add Project功能; 比如说我们新建一个叫qq.com的工程,新建了工程我们配置一个规则.
目的把qq.com的logo替换成本地的文件
http://mat1.gtimg.com/www/images/qq2012/qqlogo_1x.png file://F:\logo-white.png
效果是这样的
一些常用的功能
# whistle也支持匹配目录
qq.com/folder file://E:\xxx\dev
# 配置host也是可以的
qq.com 127.0.0.1
# 可以匹配目录到指定ip
qq.com/folder 127.0.0.1
# 一个稍微复杂的例子，用过现网路径是ke.qq.com/webcourse/index.html本地路径 E:\xxx\dev\pages\index\main.html
/^http://ke\.qq\.com/webcourse(/[\w\-]*)\.html(.*)/ file://E:\xxx\dev\pages$1\main.html # 更详细的内容请看官方文档 https://whistle.gitbooks.io/help/content/
以上是关于替换Fiddler的跨平台调试工具whistlejs试用的主要内容，如果未能解决你的问题，请参考以下文章