自动化调试-chrome mcp tool

● WSL2 MCP 连接 Windows Chrome

Windows 端

启动 Chrome（带调试端口）

& "C:\Program Files\Google\Chrome\Application\chrome.exe" --remote-debugging-port=9222

WSL2 端

获取 Windows IP

WIN_IP=(cat /etc/resolv.conf | grep nameserver | awk '{print 2}')

配置 MCP

claude mcp remove chrome-devtools claude mcp add chrome-devtools --scope user -- npx chrome-devtools-mcp@latest --browser-url=http://${WIN_IP}:9222

验证 claude mcp list # 应显示 ✓ Connected

注意

  • Windows 防火墙可能需开放 9222 端口
  • 每次使用前需先启动 Windows Chrome

● Chrome MCP 功能总结

输入自动化（9个）

┌───────────────┬───────────────────────┐ │ 工具 │ 功能 │ ├───────────────┼───────────────────────┤ │ click │ 点击元素 │ ├───────────────┼───────────────────────┤ │ drag │ 拖拽元素 │ ├───────────────┼───────────────────────┤ │ fill │ 输入文本/选择下拉 │ ├───────────────┼───────────────────────┤ │ fill_form │ 批量填写表单 │ ├───────────────┼───────────────────────┤ │ hover │ 悬停元素 │ ├───────────────┼───────────────────────┤ │ press_key │ 按键/快捷键 │ ├───────────────┼───────────────────────┤ │ type_text │ 输入文本 │ ├───────────────┼───────────────────────┤ │ upload_file │ 上传文件 │ ├───────────────┼───────────────────────┤ │ handle_dialog │ 处理弹窗（确认/取消） │ └───────────────┴───────────────────────┘

导航自动化（6个）

┌───────────────┬────────────────────────┐ │ 工具 │ 功能 │ ├───────────────┼────────────────────────┤ │ navigate_page │ 打开URL/前进/后退/刷新 │ ├───────────────┼────────────────────────┤ │ new_page │ 新建标签页 │ ├───────────────┼────────────────────────┤ │ list_pages │ 列出所有标签页 │ ├───────────────┼────────────────────────┤ │ select_page │ 切换标签页 │ ├───────────────┼────────────────────────┤ │ close_page │ 关闭标签页 │ ├───────────────┼────────────────────────┤ │ wait_for │ 等待元素/文本出现 │ └───────────────┴────────────────────────┘

调试（6个）

┌───────────────────────┬────────────────────────┐ │ 工具 │ 功能 │ ├───────────────────────┼────────────────────────┤ │ take_snapshot │ 获取页面结构（a11y树） │ ├───────────────────────┼────────────────────────┤ │ take_screenshot │ 截图 │ ├───────────────────────┼────────────────────────┤ │ list_console_messages │ 查看控制台日志 │ ├───────────────────────┼────────────────────────┤ │ get_console_message │ 获取单条日志详情 │ ├───────────────────────┼────────────────────────┤ │ evaluate_script │ 执行JavaScript │ ├───────────────────────┼────────────────────────┤ │ lighthouse_audit │ Lighthouse 性能审计 │ └───────────────────────┴────────────────────────┘

网络（2个）

┌───────────────────────┬──────────────────┐ │ 工具 │ 功能 │ ├───────────────────────┼──────────────────┤ │ list_network_requests │ 查看网络请求列表 │ ├───────────────────────┼──────────────────┤ │ get_network_request │ 获取单个请求详情 │ └───────────────────────┴──────────────────┘

性能（4个）

┌─────────────────────────────┬──────────────┐ │ 工具 │ 功能 │ ├─────────────────────────────┼──────────────┤ │ performance_start_trace │ 开始性能录制 │ ├─────────────────────────────┼──────────────┤ │ performance_stop_trace │ 结束录制 │ ├─────────────────────────────┼──────────────┤ │ performance_analyze_insight │ 分析性能洞察 │ ├─────────────────────────────┼──────────────┤ │ take_memory_snapshot │ 内存快照 │ └─────────────────────────────┴──────────────┘

模拟（2个）

┌─────────────┬────────────────────────┐ │ 工具 │ 功能 │ ├─────────────┼────────────────────────┤ │ emulate │ 模拟设备/网络/地理位置 │ ├─────────────┼────────────────────────┤ │ resize_page │ 调整窗口大小 │ └─────────────┴────────────────────────┘

Sources: