Chrome DevTools MCP

What it does\nConnects your AI coding assistant directly to a live Chrome browser, allowing it to inspect the DOM, analyze network traffic, and perform deep debugging of web applications.\n\n## Tools\n- Navigation: navigate_page, new_page, close_page, list_pages, select_page, wait_for\n- Input Automation: click, drag, fill, fill_form, handle_dialog, hover, press_key, type_text, upload_file\n- Debugging & Performance: evaluate_script, get_console_message, lighthouse_audit, take_screenshot, performance_start_trace, performance_analyze_insight\n- Network: list_network_requests, get_network_request\n\n## Installation\nAdd the following to your claude_desktop_config.json:\n\njson\n{\n \"mcpServers\": {\n \"chrome-devtools\": {\n \"command\": \"npx\",\n \"args\": [\"-y\", \"chrome-devtools-mcp@latest\"]\n }\n }\n}\n\n\n## Supported hosts\nClaude Desktop, Cursor, Windsurf, Gemini CLI, Codex, VS Code Copilot, Cline