log

whistle 的 log 规则主要用于调试远程页面特别是移动端页面,可以通过此规则把远程页面 console 打印的信息展示出来。

通过自动监控 html 页面或 js 文件出现的错误及 console.xxx 打印出来的信息,会自动在 whistle 界面的 log 模块显示这些错误及信息日志。

快速上手

假如正在开发用于移动端的 www.qq.com 页面,作为开发者的我们会格外关心页面的错误和 console 打印的信息,通过如下设置如下规则,并设置手机代理将手机的请求转发至 whistle,则可以在 PC 上看到这些内容:

www.qq.com log://

log basic

进阶使用

不同页面 log 切换

为了方便同时调试不同的网页,whistle 从 1.9.12 版本开始支持不同页面的 log 信息切换,假如我们同时在调试 news.qq.comke.qq.com 两个页面,那么通过设置如下规则可以在 All Logs 选项卡中切换查看不同页面的 log:

ke.qq.com log://ke
news.qq.com log://news

log switch

嵌入自定义脚本

通过 log 规则还可以嵌入自定义的脚本调试页面,并且脚本中的 console 信息也会显示在 whistle 界面的 log 模块中,具体的配置方式如下:

pattern log://filepath

filepathValues 里面的 {key} 或者本地文件的 js 脚本(如:e:\test\xxxe:/test/xxx/User/username/test/xxx等),pattern参见匹配模式,更多模式请参考配置方式

例子:

www.ifeng.com log://{test.js}

Values 里面的test.js分组内容:

console.log(1, 2, 3, {abc: 123});

注意:如果仅是为了向页面嵌入 js 脚本,更推荐使用 resPrepend 向页面头部追加内容或者 resAppend 向页面尾部追加内容。

results matching ""

    No results matching ""