用途:在用户发现问题前,主动抓取浏览器控制台可见的 JS 错误、失败请求、混合内容和弃用警告,辅助快速定位网页质量问题。
主要能力:按严重度分级输出结果——JS 错误(高)保留文件与行列位置;失败请求(高/中)区分 4xx/5xx 与网络失败,同源 API 5xx 为高、第三方像素 404 为中;混合内容(中)识别 “Mixed Content” 消息;弃用警告(低)识别 [Deprecation] 消息。并对每项给出可能原因,如读取 undefined、哈希资源 404 指向部署/缓存不一致、CORS、401/403 认证、硬编码 http 资源、脚本加载顺序等。最后按 A–F 评级:干净控制台为 A,仅弃用为 B,警告或混合内容为 C,4xx/5xx 失败为 D,存在未捕获 JS 错误为 F。
使用方式:前置条件为 Playwright MCP(随 Claude Code 提供)。触发语句如“Check https://example.com for console errors”“Any JS errors on my site?”“Scan the console and failed requests”“Why is my console full of warnings?”。流程为用 mcp__playwright__browser_navigate 导航并等待加载,用 mcp__playwright__browser_evaluate 执行 async () => await new Promise(r => setTimeout(r, 3000)) 给异步失败留时间,再拉取 mcp__playwright__browser_console_messages 与 mcp__playwright__browser_network_requests。随后用 mcp__playwright__browser_snapshot 选取 2–3 个主要导航链接,逐个 mcp__playwright__browser_click 并仅将新增控制台/网络条目归因于该次点击;只点导航链接,不点提交表单或改变数据的按钮。最终按固定报告模板输出,含评级、页面清单及各分类表格。
适用场景:上线前或日常巡检,快速发现加载阶段与主要导航路径上的前端错误和失败请求,尤其适合无完整自动化测试时的轻量 QA。
限制:仅覆盖加载时及所点击导航路径上的错误,表单流程、弹窗、支付等更深层交互不在被动扫描范围内;报告中的推测原因需结合实际代码验证。部分事实(如收费、价格、平台支持)资料未提供。