Chrome DevTools MCP
Chrome DevTools for agents ist der MCP-Server, den das Chrome-DevTools-Team veröffentlicht, damit ein Coding-Agent einen echten Chrome-Browser steuern und untersuchen kann.
Was er kann
Chrome DevTools for agents ist der MCP-Server, den das Chrome-DevTools-Team veröffentlicht, damit ein Coding-Agent einen echten Chrome-Browser steuern und untersuchen kann. Er läuft lokal über npx, braucht ein Node.js-LTS-Release und ein aktuelles Chrome und öffnet den Browser beim ersten Tool-Aufruf, der einen benötigt. Der Agent kann klicken, tippen, Formulare ausfüllen und zwischen Seiten wechseln, Performance-Traces aufzeichnen, Netzwerkanfragen und Konsolenmeldungen auflisten, Lighthouse-Audits ausführen, Screenshots aufnehmen und mit Heap-Snapshots arbeiten. Dasselbe npm-Paket enthält außerdem eine Kommandozeilenschnittstelle und eine Reihe von Agent Skills. Google erfasst standardmäßig Nutzungsstatistiken; ein Start-Flag schaltet das ab.
Funktionen
- In einer laufenden Chrome-Seite klicken, tippen und Formulare ausfüllen
- Einen Performance-Trace aufzeichnen und seine Insights lesen
- Netzwerkanfragen und Konsolenmeldungen auflisten
- Ein Lighthouse-Audit für eine Seite ausführen
- Screenshots und Snapshots des Accessibility-Trees aufnehmen
- Heap-Snapshots erstellen und vergleichen
Überblick
- Herausgeber
- ChromeDevTools
- Tool
- Chrome DevTools
Installation
- Füge dies in die Konfiguration von Beliebiger Client ein:
{ "mcpServers": { "chrome-devtools": { "command": "npx", "args": ["-y", "chrome-devtools-mcp@latest"] } } }
Aus der Dokumentation des Projekts · Mit dem Config-Generator zu einer Konfigurationsdatei hinzufügen
MCP-Server und Skills können Code auf deinem Rechner ausführen und auf deine Daten zugreifen. Prüfe den Quellcode, bevor du etwas installierst.
Details
| Angabe | Wert | Quelle |
|---|---|---|
| Typ | MCP-Server | |
| Tool | Chrome DevTools | |
| Herausgeber | ChromeDevTools | Quelle |
| Offizieller Status | OffiziellChrome for Developers docs present the server and link to this repository in the ChromeDevTools GitHub organisation | Quelle |
| Verbindung | Lokal (läuft auf deinem Rechner) | Quelle |
| Kann Daten ändern | Ja | Quelle |
| Braucht API-Key oder Anmeldung | Nein | Quelle |
| Plattformen | In der Dokumentation nicht angegeben | |
| KI-Clients | Claude Code, Cursor, Visual Studio Code, Codex, Gemini CLI, Devin Desktop, Cline | Quelle |
| Lizenz | Apache-2.0 | Quelle |
| Preis | In der Dokumentation nicht angegeben | |
| Aktivität | Letzter Commit am 10. Nov. 2026Version 1.13.055.056 GitHub-SterneKeine Download-Daten verfügbar (nicht auf npm oder PyPI) | Quelle |
| Links | Repository npm: chrome-devtools-mcp |
Mehr von ChromeDevTools
1 Server · 8 Skills
- chrome-devtools (Skill)
- chrome-devtools-cli (Skill)
- a11y-debugging (Skill)
- debug-optimize-lcp (Skill)
- memory-leak-debugging (Skill)
- cookie-debugging (Skill)
Badge für Ihre README
Sie pflegen dieses Projekt? Fügen Sie ein Badge hinzu, das auf diese Seite verlinkt.
[](https://kitbay.app/servers/chromedevtools-chrome-devtools-mcp/)
Quellen
- Datei im Repository (client-configurations.md)github.com/ChromeDevTools/chrome-devtools-mcp · Belegt: KI-Clients12. Nov. 2026
- GitHub-Repositorygithub.com/ChromeDevTools/chrome-devtools-mcp · Belegt: Kann Daten ändern12. Nov. 2026
- Datei im Repository (tool-reference.md)github.com/ChromeDevTools/chrome-devtools-mcp12. Nov. 2026
- GitHub-Repositorygithub.com/ChromeDevTools/chrome-devtools-mcp · Belegt: Verbindung12. Nov. 2026
- GitHub-Repositorygithub.com/ChromeDevTools/chrome-devtools-mcp · Belegt: Herausgeber12. Nov. 2026
- Lizenzdatei (LICENSE)github.com/ChromeDevTools/chrome-devtools-mcp · Belegt: Lizenz12. Nov. 2026
- Webseitedeveloper.chrome.com · Belegt: Offizieller Status12. Nov. 2026
- Eintrag in der MCP Registryio.github.ChromeDevTools/chrome-devtools-mcp · Belegt: Verbindung14. Nov. 2026
- GitHub-Repositorygithub.com/chromedevtools/chrome-devtools-mcp · Belegt: Aktivität, Lizenz10. Nov. 2026