Luke Chrome Devtools Mcp — Luke Chrome Dev工具s Mcp

🌐 Chrome Dev工具s MCP

Google's official Chrome Dev工具s MCP server — gives AI 代理s full control of a live Chrome browser via Puppeteer and the Chrome Dev工具s Protocol.

Features 输入 自动化 — 命令行工具ck, drag, fill forms, hover, press keys, 上传 files, handle dia记录s Navigation — open/close/switch pages, wAIt for elements/network idle Screenshots & snapshots — capture page 状态 visually and as DOM Performance 追踪s — record and analyze Chrome performance 追踪s with insights Network inspection — 列出/inspect network 请求s and 响应s Console 调试ging — read console messages with source-m应用ed stack 追踪s Device emulation — emulate 移动 devices, resize viewport Form 自动化 — fill multiple form fields at once Requirements Node.js v20.19+ (already avAIlable in OpenClaw) Chrome/Chromium browser Quick 启动 安装 & 验证 npx -y chrome-dev工具s-mcp@latest --help

启动 the MCP server # Standard (launches Chrome automatically) npx -y chrome-dev工具s-mcp@latest

# Headless mode (for servers) npx -y chrome-dev工具s-mcp@latest --headless

# Connect to existing Chrome (must be 启动ed with --remote-调试ging-port=9222) npx -y chrome-dev工具s-mcp@latest --browser-url=http://127.0.0.1:9222

# Disable telemetry npx -y chrome-dev工具s-mcp@latest --no-usage-statistics --no-performance-crux

OpenClaw MCP Integration

添加 to your OpenClaw.json under MCP servers:

{ "mcp": { "servers": { "chrome-dev工具s": { "command": "npx", "args": ["-y", "chrome-dev工具s-mcp@latest", "--headless", "--no-usage-statistics"] } } } }

Or use the 设置up script:

python3 {baseDir}/scripts/设置up_chrome_mcp.py 设置up python3 {baseDir}/scripts/设置up_chrome_mcp.py 状态 python3 {baseDir}/scripts/设置up_chrome_mcp.py test

工具 Reference 输入 自动化 (8 工具s) 工具 Description Key Params 命令行工具ck 命令行工具ck an element uid (required), dbl命令行工具ck drag Drag element onto another from_uid, to_uid fill Type text into 输入/textarea/select uid, value fill_form Fill multiple form elements at once elements[] handle_dia记录 Accept/dismiss browser dia记录s action (accept/dismiss) hover Hover over element uid press_key Press keyboard key key 上传_file 上传 file to 输入 uid, paths[] Navigation (6 工具s) 工具 Description Key Params navigate_page Go to URL url new_page Open new tab url close_page Close current tab — 列出_pages 列出 all open tabs — select_page Switch to tab 索引 wAIt_for WAIt for element/network event, uid, timeout 调试ging (5 工具s) 工具 Description take_screenshot Capture page as image take_snapshot 获取 DOM/访问ibility snapshot evaluate_script 运行 JavaScript in page 列出_console_messages 获取 console 记录 entries 获取_console_message 获取 specific console message Performance (3 工具s) 工具 Description performance_启动_追踪 Begin performance recording performance_停止_追踪 停止 and 获取 追踪 data performance_analyze_insight AI analysis of 追踪 Network (2 工具s) 工具 Description 列出_network_请求s 列出 all network 请求s 获取_network_请求 获取 请求/响应 detAIls Emulation (2 工具s) 工具 Description emulate Emulate device (移动, tablet) resize_page Change viewport size Common 工作流s Test a 网页page navigate_page → URL take_snapshot → 获取 element UIDs 命令行工具ck/fill → interact with elements take_screenshot → capture 结果 Performance 审计 navigate_page → URL performance_启动_追踪 Interact with page performance_停止_追踪 performance_analyze_insight Form 测试 navigate_page → form URL take_snapshot → identify form fields fill_form → fill all fields at once 命令行工具ck → submit button take_screenshot → 验证 结果 隐私 Notes Google collects usage statistics by default — disable with --no-usage-statistics Performance 工具s may 发送 追踪 URLs to Google CrUX API — disable with --no-performance-crux Avoid sharing sensitive data in browser 会话s