chrome-devtools

用途：通过 MCP 服务器把 Chrome DevTools 能力接入 AI 客户端，用于网页调试、故障排查与浏览器自动化。核心概念：浏览器在首次工具调用时自动启动并复用持久化 Chrome 配置；可通过 MCP 服务器配置中的 CLI 参数调整，运行 npx chrome-devtools-mcp@latest --help 查看。加 --categoryExtensions 启用扩展工具，加 --memoryDebugging 启用内存工具。工具作用于当前选中的页面，用 list_pages 查看可用页面，用 select_page 切换上下文。用 take_snapshot 获取含元素 uid 的页面结构，交互时引用 uid；元素找不到时重新快照。工作流：先 navigate_page 或 new_page，再用 wait_for 等待内容加载，然后 take_snapshot 理解结构，最后用 uid 执行 click、fill 等。数据获取优化：大输出（截图、快照、trace）使用 filePath 参数；用分页 pageIdx、pageSize 和过滤 types 减少数据；输入操作设 includeSnapshot: false 除非需要更新状态。工具选择：自动化交互用 take_snapshot（基于文本、更快），视觉检查用 take_screenshot，需要无障碍树之外的数据用 evaluate_script。可并行调用工具，但保持 navigate → wait → snapshot → interact 的顺序。测试扩展：需以 --categoryExtensions 启动 MCP 服务器，否则扩展相关工具不可用；用 install_extension 安装解包扩展，从响应或 list_extensions 获取扩展 ID，用 trigger_extension_action 打开弹窗或侧边栏，用 evaluate_script 配合 serviceWorkerId 检查状态，并导航到扩展作用的页面用 take_snapshot 验证注入或修改。排查问题可参考 Chrome DevTools 官方文档与 chrome-devtools-mcp 故障排查文档链接。限制：扩展工具需额外标志与重启生效；具体功能范围与支持平台以资料所述为准，其余未提供。