用途:通过 Chrome DevTools MCP 在真实浏览器中检查和调试页面,覆盖快照、控制台、网络、截图、审计与性能追踪。
主要能力:前端真实浏览器调试;检查控制台错误、网络请求或运行时状态;运行 Lighthouse 或性能追踪;在 DOM 状态重要的页面上进行交互。
推荐流程:打开或选择目标页面;交互前先获取无障碍快照;确认正确的元素 UID 后再点击、填写或输入;行为不明确时检查控制台与网络;做质量或性能工作时使用 Lighthouse 或追踪工具。
适用场景:需要控制台、网络、追踪或审计工具时;希望在已加载页面上直接进行 DOM 求值时;任务是调试 Web 应用而非仅复现用户流程时。
限制与注意事项:点击或输入前始终使用最新快照;处理 PDF 时优先对特定页面截图;性能追踪比常规检查更重,应有选择地使用。
参考:skills/chrome-devtools/references/chrome-devtools.md。其他细节暂未提供。