← Entdecken
GitHub · ChromeDevTools/chrome-devtools-mcp↑ +104 heute

Browser-Debugging für KI

Dieser für Chrome DevTools entwickelte Server ermöglicht es Codierungs-Agenten für künstliche Intelligenz, browserbasierte Debugging-Prozesse zu verwalten. Mithilfe des Model Context Protocol ermöglicht dieses Tool Agenten die direkte Inspektion von Webanwendungen und die Automatisierung von Debugging-Prozessen.

Aktualisierungen

  • 23. Oktober 2026: Sterne 53,589 → 54,021, neueste Version chrome-devtools-mcp-v1.12.0 (22. Oktober 2026).
  • 15. Oktober 2026: Sterne 52,641 → 53,589, neueste Version chrome-devtools-mcp-v1.11.0 (15. Oktober 2026).
  • 27. September 2026: Sterne 51,328 → 52,641, neueste Version chrome-devtools-mcp-v1.10.1 (23. September 2026).
  • 8. September 2026: Sterne 49,801 → 51,328, neueste Version chrome-devtools-mcp-v1.9.0 (8. September 2026).

Was es bringt

  • Steuern Sie den Live-Browser direkt
  • Automatisierung der Leistungsanalyse
  • Überprüfen Sie Netzwerkanfragen und Konsolenfehler

Installation

npm: global
npm install -g chrome-devtools-mcp

Wenn Sie nicht programmieren

Fügen Sie dies in Ihren Agenten ein (Claude Code · Codex · Antigravity)

Stellen Sie über den Chrome DevTools MCP-Server eine Verbindung zu meiner aktiven Browsersitzung her und analysieren Sie Leistungsdaten meiner Webanwendung. Überprüfen Sie Netzwerkanfragen, untersuchen Sie Konsolenfehler und führen Sie die erforderlichen Debugging-Schritte durch, um etwaige Probleme zu beheben.

Repository: https://github.com/ChromeDevTools/chrome-devtools-mcp. Richte dich bei der Installation und Ausführung nach den offiziellen Anweisungen in der README-Datei dieses Repositorys.

Prüfe vor dem Start, unter welchem Betriebssystem wir arbeiten und ob die notwendigen Tools (z. B. Python, Node.js, Git, Docker) installiert sind. Installiere fehlende Tools schrittweise entsprechend diesem System.

Erstelle einen neuen, leeren Ordner für die Arbeit. Rühre keine Dateien außerhalb dieses Ordners an und lösche nichts. Sag mir vor jedem Befehl in einem Satz, was du tun wirst.

Sag mir, was ich am Ende jedes Schrittes auf dem Bildschirm sehen sollte. Wenn ein Fehler auftritt, füge ich die Fehlermeldung exakt so ein, wie sie ist, und wir beheben sie gemeinsam.

Verwandte Begriffe aus dem Glossar

Für wen es gedacht istEs eignet sich für Softwareentwickler, die browserbasierte Webanwendungen entwickeln und ihre Debugging-Prozesse mit Agenten der künstlichen Intelligenz automatisieren möchten.
LizenzApache-2.0

Links

TreScout hat dieses Werkzeug nicht entwickelt · wir haben es in den GitHub-Trends gefunden und stellen es vor. Diese Seite beschreibt das Repository so, wie es am 2026-07-03 war: Die Anzahl der Sterne und unser Text stammen von diesem Tag, das Repository kann sich seitdem geändert haben. Den aktuellen Stand finden Sie über den Link zum Repository. Der Präsentationstext wurde mit KI aus der eigenen Dokumentation des Repositories erstellt und diese Seite wurde maschinell übersetzt aus dem türkischen Original · maßgeblich ist die türkische Fassung.