Chrome DevTools MCP Server for AI-assisted frontend development
Chrome DevTools MCP Server for AI-assisted frontend development
一个基于 Model Context Protocol (MCP) 的 Chrome DevTools 控制服务器，为 AI 辅助前端开发提供强大的浏览器调试能力。
Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.
Check the linked publisher documentation and your connected client's tool list. Names and availability can vary with the server version and account permissions.
| Tool | What it does |
|---|---|
| launch_chrome | 参数： - headless (bool): 是否无头模式运行，默认 false - port (int): 远程调试端口，默认 9222 |
| connect_remote_chrome | 参数： - host (str): 远程主机地址，默认 localhost - port (int): 远程调试端口，默认 9222 |
| connect_websocket_url | 参数： - ws_url (str): WebSocket 调试器 URL，如 'ws://localhost:9222/devtools/page/ABC123' |
| list_available_targets | 参数： - host (str): Chrome 主机地址，默认 localhost - port (int): Chrome 调试端口，默认 9222 |
| navigate_to | |
| get_dom_tree | |
| query_elements | |
| get_network_logs | |
| get_console_logs | 参数： - level (str, optional): 日志级别过滤（error, warning, log, info） |
| execute_javascript | |
| take_screenshot | |
| get_page_info | |
| close_chrome | |
| set_breakpoint | 参数： - breakpoint_type (str): 断点类型 - 'dom', 'event', 'function', 'xhr', 'line', 'logpoint' - target (str): 断点目标（如 DOM 选择器、函数名、URL:行号） - options (dict, optional): 额外选项 - condition: 条件表达式，只在条件为真时触发 - logMessage: 日志消息（用于日志断点 |
{
"mcpServers": {
"chrome-devtools": {
"command": "python",
"args": [
"/path/to/chrome-devtool-mcp/mcp_server.py"
],
"env": {}
}
}
}From the project documentation. Replace placeholders and example paths before connecting.
Use Microsoft’s Playwright MCP server to navigate pages, inspect accessibility snapshots, fill forms and capture browser screenshots.
The original Chromium automation reference server — simple, screenshot-driven browser control.
Build browser games on gamedev.pl from your coding agent.
A production-grade Model Context Protocol (MCP) server that connects your AI assistant (Claude, Grok, Cursor, Antigravity) to LinkedIn with human-like stealth browser automation, mathematical…
Scrape and automate any webpage using headless browsers, captcha solving, and advanced stealth features, in an optimized infrastructure that works in
Narrated demo and tutorial videos of your web app, from a guide or your coding agent.