Veröffentlicht am 2. Juni 2026
In Chrome 149 gibt es wichtige Verbesserungen bei der KI-Unterstützung, experimentelle WebMCP-Debugging-Tools im Anwendungsbereich 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. Vollständige Mitteilung lesen
Zu den wichtigsten Funktionen und neuen Tools, die bis zur Version 1.1.1 hinzugefügt wurden, gehören:
- Benutzerdefinierte Tools von Drittanbietern, 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:Fügt dem Emulationstool Unterstützung für HTTP-Header (z. B. Auth-Tokens oder benutzerdefinierte User-Agents) hinzu.
Tools von Drittanbietern und das WebMCP-Debugging sind noch experimentell und nicht standardmäßig aktiviert. Informationen zu WebMCP-Tools finden Sie in der Tool-Referenz. Weitere Informationen zu Drittanbietertools finden Sie in unserer Dokumentation.
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, mit denen sich der Konversationsmodus verbessern und detailliertere Seitenstatistiken bereitstellen lassen:
- Agent-Walkthrough:KI-Unterstützung rendert jetzt Widgets direkt in der Chatoberfläche anstelle von Markdown-Nur-Text. Diese Widgets umfassen 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 Schaltfläche, über die Sie die Unterhaltung kopieren können – entweder zusammengefasst als Prompt oder wortwörtlich –, 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.
Wir stellen den Support für automatische Stilkorrekturen durch KI-Unterstützung mit Chrome 152 ein und führen stattdessen die Funktion „Copy to coding agent“ ein. Teilen Sie uns Ihre Meinung zu diesem Plan im entsprechenden Feedback-Bug mit.
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 Stile ist jetzt die Codevervollständigung für CSS mit Gemini verfügbar. Diese Funktion basiert auf der Unterstützung für die Bereiche „Konsole“ und „Quellen“. Aktivieren Sie Codevorschläge unter 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 Lade-Spinner angezeigt. Vorschläge werden aktualisiert oder gelöscht, während Sie tippen. So bleibt der KI-generierte Text relevant für Ihre manuellen Änderungen.
APCA-Richtlinien für Farbkontrast als stabil eingestuft
Der APCA-Kontrastrechner (Advanced Perceptual Contrast Algorithm) hat die Testphase offiziell verlassen und ist jetzt als Standardeinstellung verfügbar. APCA ersetzt die alten AAA/AA-Kontrastrichtlinien durch ein modernes Wahrnehmungskontrastmodell, 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 sich alle aktiven Konsolengruppen und Stacktraces gleichzeitig minimieren oder maximieren lassen. (427657550)
- Anwendung: In der Ansicht „Anwendungsmetadaten“ wurden statische Texte für Speicher-Bucket-Felder durch anklickbare Hyperlinks ersetzt. Wenn Sie auf einen Bucket-Link klicken, wird automatisch zu diesem Bucket in der Seitenleiste Storage-Buckets navigiert und er 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 „Vorabladen“ hinzugefügt. (346555939, 488078903) - Anwendung: Die Verwaltung von Anmeldedaten für gerätegebundene Sitzungen (Device-Bound Session Credentials, DBSC) wurde implementiert. Entwickler können aktive Sitzungen über das Kontextmenü oder durch Drücken der Tasten
DeleteoderBackspacelöschen oder entfernen. (471017387) - Elemente: Die 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 Live-Event-Streams 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-vitalswurde auf Version 5.2.0 aktualisiert. Dadurch werden native Upstream-Korrekturen für Speicherlecks während der INP-Überwachung eingeführt. (484342204)