Einrichten der Claude Code Chrome-Erweiterung für die Browserautomatisierung

Claude Code kann Ihren Chrome-Browser steuern. Navigieren Sie auf Seiten, klicken Sie auf Schaltflächen, füllen Sie Formulare aus, lesen Sie Inhalte, machen Sie Screenshots. Es ist nützlich für das Testen von Web-Apps, das Debuggen mit Konsolenprotokollen oder die Automatisierung repetitiver Browseraufgaben, ohne das Terminal verlassen zu müssen.

Ich habe andere Browser-MCPs (Playwright MCP, Puppeteer usw.) ausprobiert, und die Chrome-Erweiterung ist merklich schneller. Sie verbindet sich mit Ihrer tatsächlichen Browsersitzung und teilt daher Ihren Anmeldestatus. Kein Hochfahren von Headless-Browsern, keine separaten Authentifizierungsabläufe. Wenn Sie bei Gmail, Notion oder Ihrer Staging-Umgebung angemeldet sind, kann Claude Code sofort mit diesen Seiten interagieren.

Die offizielle Dokumentation behandelt alles im Detail. Dieser Beitrag ist die Kurzversion.

Was Sie benötigen

• Google Chrome oder Microsoft Edge
• Die Claude in Chrome-Erweiterung (v1.0.36+) aus dem Chrome Web Store
• Claude Code v2.0.73 oder höher
• Ein direktes Anthropic-Abonnement (Pro, Max, Teams oder Enterprise). Dies funktioniert nicht über Bedrock oder Vertex

Einrichtung

Installieren Sie die Erweiterung aus dem Chrome Web Store. Das ist der Hauptschritt. Claude Code kümmert sich um den Rest.

Starten Sie dann Claude Code mit dem Flag --chrome.

claude --chrome

Wenn Sie sich bereits in einer Sitzung befinden, geben Sie /chrome ein, um eine Verbindung herzustellen, ohne neu zu starten.

Wenn Sie dies zum ersten Mal tun, installiert Claude Code eine Konfigurationsdatei für den nativen Messaging-Host, die Chrome beim Start liest. Wenn die Erweiterung bei Ihrem ersten Versuch nicht erkannt wird, starten Sie Chrome neu und versuchen Sie es erneut.

Wenn Sie Chrome standardmäßig aktiviert haben möchten, damit Sie nicht jedes Mal --chrome übergeben müssen, führen Sie /chrome aus und wählen Sie „Standardmäßig aktiviert“. Eine Sache ist jedoch zu beachten. Die Standardaktivierung erhöht die Kontextnutzung, da die Browser-Tools immer geladen sind. Ich verwende das Flag nur, wenn ich es benötige.

Verwendung

Sobald die Verbindung hergestellt ist, sagen Sie Claude einfach, was es im Browser tun soll. Es öffnet neue Tabs für Browseraufgaben, und Sie können in Echtzeit zusehen, wie alles geschieht.

Öffne localhost:3000, versuche, das Formular mit ungültigen Daten abzusenden,
und prüfe, ob die Fehlermeldungen korrekt angezeigt werden.

Es kann auch die Konsolenausgabe lesen, was für das Debuggen großartig ist.

Öffne das Dashboard und überprüfe die Konsole auf Fehler beim Laden der Seite.

Für autonome Sitzungen, bei denen Claude Code unbeaufsichtigt läuft, kombinieren Sie es mit --dangerously-skip-permissions, damit Browseraktionen keine manuelle Genehmigung erfordern.

claude --chrome --dangerously-skip-permissions

Wenn etwas fehlschlägt

Die Verbindung kann während langer Sitzungen unterbrochen werden, wenn der Service Worker der Chrome-Erweiterung inaktiv wird. Führen Sie /chrome aus und wählen Sie „Erweiterung erneut verbinden“, um das Problem zu beheben.

Wenn ein JavaScript-Alarm- oder Bestätigungsdialog auf der Seite angezeigt wird, blockiert dies alle Browserereignisse. Claude Code kann ihn nicht schließen. Sie müssen ihn manuell schließen und Claude dann anweisen, fortzufahren.

Die vollständige Anleitung zur Fehlerbehebung finden Sie in der offiziellen Dokumentation.