Chrome Devtools
Skill AktivVerwendet Chrome DevTools über MCP für effizientes Debugging, Fehlerbehebung und Browser-Automatisierung. Verwenden Sie dies beim Debuggen von Webseiten, Automatisieren von Browserinteraktionen, Analysieren der Leistung oder Überprüfen von Netzwerkanfragen. Diese Fähigkeit gilt nicht für den `--slim`-Modus (MCP-Konfiguration).
KI-Agenten die vollen Fähigkeiten von Chrome DevTools für effizientes Web-Debugging, Automatisierung und Leistungsanalyse zur Verfügung zu stellen.
Funktionen
- Echtzeit-Browser-Debugging und -Inspektion
- Automatisierte Browserinteraktion und -navigation
- Leistungsverfolgung und -analyse
- Inspektion von Netzwerkanfragen
- Verwaltung von Browsererweiterungen
Anwendungsfälle
- Debugging komplexer Webanwendungen
- Automatisierung wiederkehrender Browseraufgaben
- Analyse von Engpässen bei der Website-Leistung
- Inspektion des Netzwerkverkehrs zur Fehlerbehebung
Nicht-Ziele
- Modifizierung der Kernfunktionalität des Chrome-Browsers
- Als allgemeiner Web-Scraper ohne spezifische DevTools-Interaktion fungieren
- Betrieb im `--slim`-Modus (MCP-Konfiguration)
Compliance
- warning:Telemetrie-Opt-inDie Erfassung von Nutzungsstatistiken ist standardmäßig aktiviert und kann abgewählt werden, aber die genauen erfassten Felder sind nicht explizit dokumentiert.
Installation
Zuerst Marketplace hinzufügen
/plugin marketplace add ChromeDevTools/chrome-devtools-mcp/plugin install chrome-devtools-mcp@chrome-devtools-pluginsQualitätspunktzahl
Vertrauenssignale
Ähnliche Erweiterungen
Use My Browser
100Verwenden Sie dies, wenn die Arbeit von den Live-Browsersitzungs- oder gerenderten Zustand des Benutzers abhängt und nicht von statischen Abrufen, insbesondere für Browser-Debugging-Kontexte oder von DevTools ausgewählte Elemente oder Anfragen, angemeldeten Dashboards oder CMS-Flows, localhost-Apps, Formularen, Uploads, Downloads, Medieninspektion, DOM- oder iframe-Inspektion, Shadow DOM oder Browserfehlern, die wie Soft-404s, Authentifizierungswände, Anti-Bot-Prüfungen oder Ratenbegrenzungen aussehen.
Troubleshooting
100Verwendet Chrome DevTools MCP und Dokumentation zur Fehlerbehebung bei Verbindungs- und Zielproblemen. Rufen Sie diese Fähigkeit auf, wenn list_pages, new_page oder navigate_page fehlschlagen oder wenn die Serverinitialisierung fehlschlägt.
Dogfood
99Systematische Erkundung und Test einer Webanwendung zur Fehlerfindung, Aufdeckung von UX-Problemen und anderen Schwierigkeiten. Verwenden Sie dies, wenn Sie aufgefordert werden, eine Anwendung zu "dogfooden", "QA-Tests durchzuführen", "explorativ zu testen", "Probleme zu finden", "nach Fehlern zu suchen" oder die Qualität einer Webanwendung zu überprüfen. Erzeugt einen strukturierten Bericht mit vollständigen Reproduktionsnachweisen – Schritt-für-Schritt-Screenshots, Repro-Videos und detaillierte Repro-Schritte für jedes Problem –, damit die Erkenntnisse direkt an die zuständigen Teams weitergegeben werden können.
Gstack
98Fast headless browser for QA testing and site dogfooding. Navigate pages, interact with elements, verify state, diff before/after, take annotated screenshots, test responsive layouts, forms, uploads, dialogs, and capture bug evidence. Use when asked to open or test a site, verify a deployment, dogfood a user flow, or file a bug with screenshots. (gstack)
Debug Optimize Lcp
97Leitet das Debugging und die Optimierung von Largest Contentful Paint (LCP) mit Chrome DevTools MCP-Tools an. Verwenden Sie diese Fähigkeit immer dann, wenn der Benutzer nach LCP-Leistung, langsamen Seitenladezeiten, Core Web Vitals-Optimierung fragt oder verstehen möchte, warum der Hauptinhalt seiner Seite zu lange zum Erscheinen benötigt. Verwenden Sie sie auch, wenn der Benutzer "largest contentful paint", "page load speed", "CWV" erwähnt oder verbessern möchte, wie schnell sein Heldenbild oder sein Hauptinhalt gerendert wird.
Project Session Manager
100Worktree-first dev environment manager for issues, PRs, and features with optional tmux sessions