用途:从 shell 自动化实时 Chrome 浏览器,执行页面操作、快照检查、调试运行时行为与性能审计。
主要能力:新建与列出页面,导航与刷新;基于无障碍树快照获取元素 UID 并点击、填写、按键;读取控制台消息与网络请求;执行脚本;截图;Lighthouse 审计与性能追踪。
使用方式:核心工作流为 chrome-devtools new_page "https://example.com"、list_pages、take_snapshot 0、click 0 "1_3"、fill 0 "1_5" "search text"、press_key 0 "Enter"。两个标识符贯穿全部操作:页面 id 来自 list_pages,是几乎所有命令的第一个位置参数;元素 uid 来自 take_snapshot,返回如 1_3 的无障碍树条目。始终使用最新快照中的 uid,导航、刷新或 DOM 大改后需重新快照。常用命令包括 navigate_page、evaluate_script、list_console_messages、list_network_requests、take_screenshot、lighthouse_audit、performance_start_trace 等,evaluate_script 用 --pageId 标志而非位置参数。输出默认 Markdown,需要结构化输出时加 --output-format=json;用 chrome-devtools <command> --help 查看确切语法。
限制:不要每次操作前运行 start、status、stop,后台守护进程会在首次真实动作时隐式启动;这些命令仅用于初始化、自定义启动参数或排错。该 CLI 会驱动自己的 chrome-devtools-mcp 守护进程,若周围智能体已通过 MCP 客户端连接同一服务器,应只选一种路径,不要在同一会话混用。不要使用 npx chrome-devtools-mcp@latest,除非是在此技能之外配置 MCP 服务器。判断点击或填写目标优先用快照而非截图,截图用于视觉证明、布局检查或报告。文档跟踪 1.8.0,命令面可能随小版本变化。安装为一次性前置条件,缺失时参考安装说明。