Chrome Console 无法直接按域名过滤日志，但可通过“仅用户消息”模式、Source 抽屉筛选、黑盒脚本及右键隐藏单个脚本四种方式精准屏蔽第三方干扰日志，突出项目自身输出。
Chrome Console 本身不支持直接按域名或脚本来源“过滤日志”，但可以通过组合使用内置功能，有效屏蔽第三方脚本（如 CDN 库、扩展、埋点 SDK）产生的干扰性输出，让真正来自你项目代码的日志清晰浮现。
启用“仅用户消息”模式
这是最快速、影响最小的第一道过滤。它能立即剔除绝大多数非页面脚本主动输出的内容：
- 点击 Console 右上角的 ⚙️ 设置按钮
- 勾选 User messages only（用户消息仅限）
- 该选项会隐藏：扩展注入的日志、部分 polyfill 的 warning、DevTools 自身提示、以及部分通过 eval 或动态 script 注入但未标记为“user-initiated”的输出
用抽屉（Drawer）按脚本来源精确筛选
当“仅用户消息”仍不够干净（比如多个子域名或 CDN 脚本都输出了 log），可借助 Console 抽屉中的 Source 过滤能力：
- 按 Esc 键打开底部抽屉（或点击右上角 ⚙️ → Show console drawer）
- 确保抽屉中已切换到 Console 标签页
- 找到日志列表上方的 Source 列，点击列头右侧的 漏斗图标（Filter）
- 输入你想保留的域名关键词，例如：
myapp.com、localhost:3000或cdn.mycompany.com - 匹配项会实时高亮，只显示该来源脚本调用的
console.log等输出
配合黑盒脚本（Blackbox）减少调试干扰
虽然黑盒主要作用于 Sources 面板的断点和调用栈，但它间接提升 Console 可读性——尤其当你在调试时频繁触发第三方库内部 log：
- 进入 Sources 面板 → 展开左侧文件树
- 对已知干扰源右键 → Blackbox script（如
lodash.min.js、analytics.js、react-dom.development.js） - 或进 Settings → Blackboxing → Add pattern，添加正则规则批量忽略：
*node_modules*、*cdn.jsdelivr.net*、*.min.js - 黑盒后，这些脚本不再出现在 Call Stack，也大幅降低其内部
console调用被意外触发的概率
临时隐藏单个噪音脚本输出
遇到某个特定脚本（比如某个广告 SDK）持续刷屏，又不想全局设置时，可用右键快捷过滤：
- 在 Console 日志中，找到一条来自该脚本的典型日志（如红色 error 或带明显路径的 log）
- 右键该条目 → 选择 Filter → Hide messages from <xxx.js>
- 所有同源脚本后续输出将自动折叠并标记为 “12 hidden messages from xxx.js”
- 如需恢复，点击该提示行末尾的 show 即可
