Chrome DevTools MCP：真实证据、明确范围与可验证浏览器工作
先做浏览器证据记录表，再自动化完整调试流程
在只读原型中追踪目标、观察、假设和验证结果，排除敏感浏览证据与自动动作。
先做浏览器证据记录表，再自动化完整调试流程知识学习CN编辑简报更新 2026-09-14
你将学会
- 观察与结论分开存
- 完成状态需要对应证据
- 只读模型有效后再增加自动化
开始前需要
- 了解浏览器控制台和网络基本概念
- 理解 CLI 参数和本地客户端配置
规划有范围限制的浏览器排查，分清入口默认值、工具成功与端到端验收。
先看结论
- 观察和因果假设属于不同记录。
- 小范围测试通过必须保留原有范围。
- 自动化前可以先做好只读证据组织。
观察与结论分开存
有用的学习扩展可以记录目标页面、时间、页面版本、观察类型与结果。把假设单独存放，并注明支持和反对证据。控制台错误与截图缺陷可能有关，但同时出现不证明因果关系。
第一版使用合成记录。这是我们的提案，不是 Chrome DevTools MCP 已有功能。不要为了让演示逼真，就填入真实私人浏览历史或会话 Cookie。
完成状态需要对应证据
诊断发现应说明观察到什么、拟议解释是什么、还需要哪项验收。点击或追踪采集成功可以完成一个步骤，却不一定解决缺陷。未知项应保留，不要给每条记录都贴成功标记。
十四项序列化测试展示了精确标注证据的方式：证明隔离函数性质，不证明守护或浏览器可用。记录表也应保留这个范围，不能把任何测试通过都放大为端到端信心。
只读模型有效后再增加自动化
从表格和获准截图链接开始。时间线能说明导航、观察和验证顺序，三维装饰不会改善这种关系。导入真实诊断资料前，应定义保留与脱敏规则。
未来集成可以采集许可观察，但重放动作、重启守护和公开发布发现仍需分别授权。该提案不会打开浏览器、提交表单或创建外部监控及定时任务。
如何选择
| 比较维度 | 方案 A | 方案 B |
|---|---|---|
| Best when | You need predictable behavior and easy auditing | You need adaptive optimization and have reliable telemetry |
| Main risk | May leave performance on the table | Can become difficult to explain or debug |
实施步骤
- 1
定义合成目标和观察字段。
- 2
分开记录假设与证据。
- 3
明确未完成验收。
- 4
真实接入前验证保留与授权规则。
可复制示例
json
{
"提案": true,
"目标页面编号": null,
"观察": "合成控制台错误",
"假设": null,
"因果已验证": false,
"验收检查": "未运行",
"已打开浏览器": false,
"已安排监控": false
}常见问题
记录表会自动修复浏览器缺陷吗？
不会，它组织证据与待验证事项。
提案会开始监控真实浏览吗？
不会，它是合成只读设计，没有创建浏览器会话或调度。
资料来源
- Chrome DevTools MCP / README.md来源核查 2026-09-14
- Chrome DevTools MCP / docs/configuration.md来源核查 2026-09-14
- Chrome DevTools MCP / src/daemon/utils.ts来源核查 2026-09-14