Neu in den DevTools (Chrome 149)

Matthias Rohmer

Veröffentlicht am 2. Juni 2026

In Chrome 149 gibt es wichtige Verbesserungen bei der KI-Unterstützung, experimentelle WebMCP-Debugging-Tools im Bereich „Anwendung“ und eine erweiterte Unterstützung für die Codevervollständigung für CSS.

Entwicklertools für KI-Agents

Der MCP-Server und die CLI der Chrome-Entwicklertools für Agents sind jetzt offiziell stabil. Hier finden Sie die vollständige Mitteilung.

Zu den wichtigsten Funktionen und neuen Tools, die bis zur Version 1.1.1 hinzugefügt wurden, gehören:

• Benutzerdefinierte Drittanbieter-Tools, die auf Seiten verfügbar sind:Seiten können jetzt benutzerdefinierte Debugging-Tools über JavaScript definieren, die von DevTools für Agents erkannt und aufgerufen werden können.
• WebMCP-Debugging:Mit den Entwicklertools für KI-Agenten können Sie jetzt WebMCP-Tools auflisten und ausführen.
• Emulation von benutzerdefinierten HTTP-Headern:Das Emulationstool unterstützt jetzt HTTP-Header wie Auth-Tokens oder benutzerdefinierte User-Agents.

Tools von Drittanbietern und das WebMCP-Debugging sind noch experimentell und nicht standardmäßig aktiviert. Informationen zur Verwendung finden Sie in der Tool-Referenz. Sobald diese Funktionen für die Produktion bereit sind, stellen wir auf developer.chrome.com weitere Dokumentation zur Verfügung.

Die neuesten Updates zu DevTools für Agents und die Möglichkeit, Beiträge zu leisten, finden Sie im GitHub-Repository. Hier finden Sie die Dokumentation. Außerdem können Sie sich das umfassende Google I/O-Video Supercharge your AI coding workflow with Chrome-Entwicklertools for agents ansehen.

KI‑Unterstützung

Das KI-Unterstützung-Feld wurde in der Benutzeroberfläche erheblich überarbeitet und enthält neue Tools, um den Konversationsmodus zu verbessern und detailliertere Seitenstatistiken zu liefern:

• Agent-Walkthrough:KI-Unterstützung rendert jetzt Widgets direkt in der Chatoberfläche anstelle von Markdown-Nur-Text. Diese Widgets enthalten Core Web Vitals und zugehörige Statistiken, LCP-Elemente, LCP-Aufschlüsselung, Bottom-up-Threadaktivität und mehr. Über einen Reveal-Link im Widget gelangen Sie in den Entwicklertools zur Quelle dieser Informationen.
• In Coding-Agent kopieren: Unterhaltungen enden jetzt mit einer speziellen Schaltfläche, mit der Sie die Unterhaltung kopieren können. Sie können sie entweder als Prompt zusammenfassen oder die Unterhaltung wortwörtlich kopieren, um sie in den Coding-Agent Ihrer Wahl einzufügen.
• Verbesserte Funktionen: Die KI-Unterstützung hat jetzt Zugriff auf Lighthouse und zugehörige Statistiken. So kann sie Ihre Seite ganzheitlich analysieren und gezielte Empfehlungen geben.
• Bessere Antworten: Durch die Verwendung von Gemini 3 und optimierten Präambeln liefert die KI-Unterstützung präzisere und umsetzbarere Antworten.
• Verbesserte Navigation:Sie können jetzt mit den Aufwärtspfeil- und Abwärtspfeil-Tasten durch Ihre vorherigen Chat-Prompts navigieren. So lassen sich vorherige Anfragen schnell und intuitiv verfeinern oder noch einmal ausführen.

Teilen Sie uns Ihre Meinung mit, indem Sie einen Kommentar zum entsprechenden Feedback-Fehler hinterlassen. Wir stellen die Unterstützung für automatische Stilkorrekturen durch KI mit Chrome 152 ein, um die Funktion „Copy to coding agent“ zu ermöglichen.

WebMCP

Mit dieser Version werden experimentelle WebMCP-Debugging-Tools in der Seitenleiste des Anwendungsbereichs eingeführt. WebMCP (Web Model Context Protocol) ermöglicht es Webseiten, Tools zu registrieren, die von LLM-Agenten verwendet werden können. Weitere Informationen zum vorgeschlagenen Standard

Mit den neuen Tools zur Fehlerbehebung können Entwickler:

• Clientseitige Tools und ihre Schemas prüfen
• Tool-Ausführung mit benutzerdefinierten Parametern manuell ausführen
• Aktive oder ausstehende Tool-Aufrufereignisse verfolgen und filtern.
• Ausführungsstatus überwachen und Rückgabe-Payloads prüfen.

WebMCP ist ein vorgeschlagener Webstandard, der sich in der frühen Vorschauphase befindet. Aktivieren Sie die Flags #devtools-webmcp-support und #enable-webmcp-testing unter chrome://flags, um mit dem Testen zu beginnen.

Chromium-Probleme: 494516094

Codevervollständigung für CSS

Auf dem Tab Styles ist jetzt die Codevervollständigung für CSS mit Gemini verfügbar. Diese Funktion basiert auf der Unterstützung für die Console- und Sources-Bereiche. Aktivieren Sie Codevorschläge unter Settings > AI innovations > Code suggestions (Einstellungen > KI-Innovationen > Codevorschläge).

So können Sie komplexere Kombinationen von CSS-Eigenschaften wie Verläufe oder Schatten ausprobieren, ohne sich an die genaue Syntax erinnern zu müssen. Oder um schnell Raster- und Flex-Layouts zu erstellen, die auf mehreren zugehörigen Eigenschaften basieren.

In der Symbolleiste unten auf dem Tab Stile wird der Status über einen Ladepunkt angezeigt. Vorschläge werden aktualisiert oder gelöscht, während Sie tippen. So bleibt der KI-generierte Text für Ihre manuellen Änderungen relevant.

APCA-Richtlinien für Farbkontrast als stabil eingestuft

Der APCA-Kontrastrechner (Advanced Perceptual Contrast Algorithm) hat die experimentelle Phase offiziell verlassen und ist jetzt als Standardeinstellung verfügbar. APCA ersetzt die bisherigen AAA/AA-Kontrastrichtlinien durch ein modernes Modell für den wahrgenommenen Kontrast, das für moderne Displays und die Textwiedergabe optimiert ist.

Sie können die APCA-Richtlinien jetzt über das Kästchen unter Einstellungen > Einstellungen > Elemente > APCA-Kontrastrichtlinien aktivieren aktivieren oder deaktivieren.

User-Agent für den dynamischen Gerätemodus

Im responsiven Gerätemodus wurde bisher ein hartcodierter User-Agent-String verwendet (Android 6.0; Nexus 5). Dadurch wurde die Funktionalität moderner Websites eingeschränkt oder es wurden Kompatibilitätsmodi ausgelöst, da das gemeldete Betriebssystem als über zehn Jahre alt erkannt wurde.

Der fest codierte User-Agent wurde durch eine dynamische Heuristik ersetzt, die sich automatisch auf das aktuelle Kalenderjahr aktualisiert. So wird in den DevTools immer eine plausible, moderne Umgebung gemeldet, ohne dass eine manuelle Wartung erforderlich ist.

Weitere Highlights

Diese Version enthält eine Reihe kleinerer Verbesserungen und Fehlerkorrekturen:

• Konsole: Der Symbolleiste des Konsolenbereichs wurde die Ein/Aus-Schaltfläche Alle minimieren / maximieren hinzugefügt, mit der alle aktiven Konsolengruppen und Stapelüberwachungen gleichzeitig minimiert oder maximiert werden können. (427657550)
• Anwendung: In der Ansicht „Anwendungsmetadaten“ wurden statische Texte für Speicher-Bucket-Felder durch klickbare Hyperlinks ersetzt. Wenn Sie auf einen Bucket-Link klicken, wird automatisch zum entsprechenden Bucket in der Seitenleiste Speicher-Buckets navigiert und dieser Bucket wird hervorgehoben. (435311130)
• Anwendung: Die Unterstützung für die vollständige Speicherprüfung für Service Worker wurde nach der Behebung einer Absturzregression wieder aktiviert. (406991275, 466134219)
• Anwendung: Unterstützung für die Untersuchung von form_submission-Vorrendering-Ereignissen im Bereich „Vorladen“ hinzugefügt. (346555939, 488078903)
• Anwendung: Verwaltung von Anmeldedaten für gerätegebundene Sitzungen (Device-Bound Session Credentials, DBSC) implementiert, sodass Entwickler aktive Sitzungen über das Kontextmenü oder durch Drücken der Tasten Delete oder Backspace löschen können. (471017387)
• Elemente: Hervorhebungen von DOM-Knoten, die verborgene Probleme im Bereich „Probleme“ darstellen, werden jetzt dynamisch aktualisiert (ein- oder ausgeblendet), wenn Filteraktionen für Probleme ausgeführt werden. (40272723)
• Netzwerk: Vom Server gesendete Ereignisse (Server-Sent Events, SSE) werden jetzt vollständig serialisiert und in HAR-Exporte aufgenommen. So können laufende Livestream-Aufzeichnungen gespeichert und wieder in die DevTools importiert werden. (494294071)
• Leistung: Das Core Web Vitals-Tracking in der Ansicht „Live-Messwerte“ wurde korrigiert, sodass es sich ausschließlich auf den primären Frame-Ausführungskontext bezieht. Dadurch wird verhindert, dass Messwerte durch dynamische iframe-Änderungen zurückgesetzt werden. (494350655)
• Leistung: web-vitals wurde auf Version 5.2.0 aktualisiert. Dadurch werden native Upstream-Korrekturen für Speicherlecks während der INP-Überwachung eingeführt. (484342204)