docs/docs/rules/log.md
自动在页面中注入 JavaScript 代码，捕获 JavaScript 异常及 console.xxx 日志，并在 Whistle 管理界面中实时显示。
console.log()、console.warn()、console.error() 等控制台输出。pattern log://id [filters...]
| 参数 | 是否必填 | 描述 | 详细说明 |
|---|---|---|---|
| pattern | 是 | 匹配请求 URL 的表达式，用于指定需要监控的页面 | 匹配模式语法 |
| id | 是 | 日志分组标识（普通字符串），用于在 Whistle 界面中区分和筛选不同来源的日志 | 同一分组下的日志会集中显示，支持按 ID 快速切换视图 |
| filters | 否 | 过滤器条件，用于进一步匹配请求或响应的特定特征 | 过滤器语法 |
| 支持按 URL、方法、请求头、响应状态码等过滤 |
捕获指定域名下所有页面的日志：
www.example.com log://myapp
为不同域名或路径设置不同的日志分组，便于分类查看：
ke.qq.com log://ke
news.qq.com log://news
api.example.com log://api
通过 jsPrepend 规则注入自定义脚本，可在日志发送到 Whistle 前进行预处理，例如敏感信息脱敏、格式转换或条件过滤。
www.example.com log:// jsPrepend://{handleLog.js}
// handleLog.js
// 在日志发送到 Whistle 前执行的自定义处理函数
window.onBeforeWhistleLogSend = function(result, level) {
// result: 待输出的原始信息数组
// level: 日志级别 ('log', 'warn', 'error', 'info', 'debug')
result.forEach(function(msg, i) {
// 示例1：隐藏敏感关键词
if (typeof msg === 'string' && msg.includes('password')) {
result[i] = '[SENSITIVE DATA HIDDEN]';
}
// 示例2：特定内容转换为结构化对象
if (msg === 'abc') {
result[i] = {
name: 'avenwu',
level: level,
timestamp: new Date().toISOString()
};
}
// 示例3：过滤掉某些类型的日志
if (msg === 'ignore-this-message') {
// 返回空数组将阻止此条日志发送
result.splice(i, 1);
}
});
};
http://127.0.0.1:8899）