黄龙

3个月前
  • 857

    浏览
  • 1

    评论
  • 0

    收藏

替换Fiddler的跨平台调试工具whistlejs试用

本文作者:imweb 黄龙 原文出处:imweb社区 未经同意,禁止转载

whistlejs

https://github.com/avwo/whistle

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就可以进入下一步了。

第四步 打开网页,开始配置

http://127.0.0.1:8899/#rules

一开始用可能有点懵,不要急慢慢来,点击上面的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/
1 条评论