Chrome DevTools MCP

Ce qu'il fait

Connecte votre assistant de codage IA directement à un navigateur Chrome actif, lui permettant d'inspecter le DOM, d'analyser le trafic réseau et d'effectuer un débogage approfondi des applications web.

Outils

• Navigation : navigate_page, new_page, close_page, list_pages, select_page, wait_for
• Automatisation des saisies : click, drag, fill, fill_form, handle_dialog, hover, press_key, type_text, upload_file
• Débogage & Performance : evaluate_script, get_console_message, lighthouse_audit, take_screenshot, performance_start_trace, performance_analyze_insight
• Réseau : list_network_requests, get_network_request

Installation

Ajoutez ce qui suit à votre fichier claude_desktop_config.json :

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp@latest"]
    }
  }
}

Hôtes supportés

Claude Desktop, Cursor, Windsurf, Gemini CLI, Codex, VS Code Copilot, Cline