调试 whistle 常用功能一览

2020-05-25 | 阅读：次

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

192.168.0.1 mydomain.com

说明：请求百度的时候会返回京东的页面内容

此规则在移动端调试时有个场景特别有用：比如想在某个 APP 里打开一个的网页，但是该 APP 没有一个 url 输入框，我们可以随机地点击这个 app 的信息流，如果捕获到有页面请求，重定向为我们的 url 即可。

https://m.baidu.com https://wq.jd.com

https://m.baidu.com redirect://https://wq.jd.com

如果有正式环境 bug，可以将 js 替换成本地文件或文件夹，提高调试效率。

http://example.com/cdn/example.js file://D:/path/to/your/file/example.js

说明：通过修改返回码，可以模拟接口出错

https://m.baidu.com statusCode://500

说明：通过修改返回码，可以置空请求

https://m.baidu.com statusCode://200   ### 往 html 插入脚本或插入样式

说明：会在网页最后以 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}

说明：该功能在后端接口挂了或者没有开发好的时候，可以模拟返回假数据，让前端调试可以不依赖后端

http://example.com/api/getUserList file://D:/path/to/your/file/userList.json 

http://example.com/api/getUserList file://{userList.json}

说明：Web 开发有时会遇到请求 header 设置不对带来的一些问题，如果问题出现在正式环境，我们可以通过修改请求 header （比如修改 Cookie、user-agent、Content-Type 等）来模拟修复，等确认问题后，再修改代码，提高效率。

https://example.com/api/getUserList reqHeaders://{loginCookie}

同样，我们可以通过 resHeaders 来修改响应头，上面提到我们可以通过 file://{userList.json} 来模拟假数据，

但这么做可能导致一些跨域的 header 丢失，对此，我们可以通过 resHeaders 加上跨域相关 header

https://example.com/api/getUserList resHeaders://{CORSHeaders}

说明：为 https://wq.jd.com 页面快速添加一个 weinre 调试脚本

点击 http://local.whistlejs.com/weinre/client/#debug_mypage 或界面主菜单Weinre 可打开 inspect 界面调试该页面

https://wq.jd.com weinre://debug_mypag

李元成