Neu in den DevTools (Chrome 149)

Matthias Rohmer

Veröffentlicht am 2. Juni 2026

Chrome 149 bietet wichtige Upgrades für die KI-Unterstützung, führt experimentelle WebMCP-Debugging-Tools im Bereich „Anwendung“ ein und erweitert die Unterstützung für die Codevervollständigung auf CSS.

Entwicklertools für KI-Agenten

Der MCP-Server und die CLI der Chrome-Entwicklertools für KI-Agenten sind jetzt offiziell stabil. Lesen Sie die vollständige Ankündigung hier.

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

  • Benutzerdefinierte Drittanbieter-Tools, die auf der Seite verfügbar sind: Seiten können jetzt benutzerdefinierte Debugging-Tools über JavaScript definieren, die von den Entwicklertools für KI-Agenten erkannt und aufgerufen werden können.
  • WebMCP-Debugging:Die Entwicklertools für KI-Agenten können jetzt WebMCP-Tools auflisten und ausführen.
  • Emulation benutzerdefinierter HTTP-Header:Fügt dem Emulationstool Unterstützung für HTTP-Header (z. B. Autorisierungstokens oder benutzerdefinierte User-Agents) hinzu.

Drittanbieter-Tools und WebMCP-Debugging sind noch experimentell und standardmäßig nicht aktiviert. Informationen zu WebMCP-Tools finden Sie in der Tool-Referenz . Weitere Informationen zu Drittanbieter-Tools finden Sie in unserer Dokumentation.

Die neuesten Updates zu den Entwicklertools für KI-Agenten und Möglichkeiten, einen Beitrag zu leisten, finden Sie unter dem GitHub-Repository. Erste Schritte mit unserer Dokumentation oder umfassende Informationen in der umfassenden Google I/O-Videositzung Supercharge your AI coding workflow with Chrome DevTools for agents.

KI‑Unterstützung

Der Bereich KI‑Unterstützung wurde mit einem wichtigen Update der Benutzeroberfläche und neuen Tools versehen, um die Unterhaltung zu verbessern und detailliertere Einblicke in die Seite zu erhalten:

  • Agenten-Walkthrough:Die KI-Unterstützung rendert jetzt Widgets direkt in der Chat-Oberfläche anstelle von Markdown-Text. Diese Widgets umfassen Core Web Vitals und zugehörige Statistiken, LCP-Elemente, LCP-Aufschlüsselung, Bottom-up-Threadaktivität und mehr. Über den Link Anzeigen im Widget gelangen Sie zur Quelle dieser Informationen in den Entwicklertools.
  • An Codierungs-KI-Agenten 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 Codierungs-KI-Agenten Ihrer Wahl einzufügen.
  • Verbesserte Funktionen: Die KI-Unterstützung hat jetzt Zugriff auf Lighthouse und zugehörige Statistiken, sodass sie Ihre Seite umfassend analysieren und gezielte Ratschläge geben kann.
  • Verbesserte Antworten: Mit Gemini 3 im Hintergrund und verfeinerten Einleitungen liefert die KI-Unterstützung präzisere und umsetzbarere Antworten.
  • Verbesserte Navigation:Sie können jetzt mit den Tasten Pfeil nach oben und Pfeil nach unten durch Ihre vorherigen Chat-Prompts navigieren. So lassen sich vorherige Abfragen schnell und intuitiv verfeinern oder noch einmal ausführen.
KI-Unterstützung mit dem Prompt „Wie kann ich die Leistung dieser Seite verbessern?“ auf der Astro.js-Demowebsite DevTools Times, die den Agenten-Walkthrough, Widgets und die Option „An Codierungs-KI-Agenten kopieren“ für Antigravity zeigt.

Um die Option „An Codierungs-KI-Agenten kopieren“ zu unterstützen, stellen wir mit Chrome 152 die Unterstützung für automatische Stilkorrekturen durch die KI-Unterstützung ein. Teilen Sie uns Ihre Meinung zu diesem Plan im entsprechenden Fehlerbericht mit.

WebMCP

Diese Version führt experimentelle WebMCP-Debugging-Tools in der Seitenleiste des Bereichs Anwendung ein. Mit WebMCP (Web Model Context Protocol) können Webseiten Tools registrieren, die von LLM-Agenten verwendet werden können. Weitere Informationen zum vorgeschlagenen Standard finden Sie in unserer Dokumentation.

Mit den neuen Debugging-Tools können Entwickler Folgendes tun:

  • Clientseitige Tools und ihre Schemas prüfen.
  • Die Toolausführung manuell mit benutzerdefinierten Parametern ausführen.
  • Aktive oder ausstehende Toolaufrufereignisse verfolgen und filtern.
  • Den Ausführungsstatus beobachten und die Rückgabepayloads prüfen.

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

Die neuen WebMCP-Debugging-Tools im Bereich „Anwendung“ der Entwicklertools.
Die neuen WebMCP-Debugging-Tools prüfen die Demowebsite L'Atelier, und zeigen frühere Toolaufrufe, verfügbare Tools und Filteroptionen.

Chromium-Probleme: 494516094

Codevervollständigung für CSS

Der Tab Stile bietet jetzt die Codevervollständigung für CSS mit Gemini und baut auf der Unterstützung für die Bereiche „Console“ und „Quellen“ auf. Aktivieren Sie Codevorschläge unter Einstellungen > KI-Innovationen > Codevorschläge.

So können Sie mit komplexeren Kombinationen von CSS-Eigenschaften wie Farbverläufen oder Box-Shadows experimentieren, ohne sich die genaue Syntax merken zu müssen. Oder Sie können schnell Grid- und Flex-Layouts erstellen, die auf mehreren verwandten 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 von der KI generierte Text für Ihre manuellen Änderungen relevant.

APCA-Farbkontrastrichtlinien als stabil eingestuft

Der Kontrastrechner des Advanced Perceptual Contrast Algorithm (APCA) 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.

Die Ein/Aus-Schaltfläche für den APCA-Algorithmus in den DevTools-Einstellungen und der neue Algorithmus auf dem Tab „Styles“
Die Umschaltfläche für den APCA-Algorithmus in den Entwicklertools-Einstellungen und der neue Algorithmus auf dem Tab „Stile“.

Dynamischer User-Agent im Gerätemodus

Im responsiven Gerätemodus wurde bisher ein fest codierter User-Agent-String verwendet (Android 6.0; Nexus 5). Dies führte dazu, dass moderne Websites die Funktionalität einschränkten oder Kompatibilitätsmodi auslösten, da das gemeldete Betriebssystem als über zehn Jahre alt erkannt wurde.

Der fest codierte User-Agent wurde durch eine dynamische Heuristik ersetzt, die automatisch anhand des aktuellen Kalenderjahrs aktualisiert wird. So wird sichergestellt, dass die Entwicklertools immer eine plausible, moderne Umgebung melden, ohne dass eine manuelle Wartung erforderlich ist.

Weitere Highlights

Eine Reihe kleinerer Verbesserungen und Fehlerkorrekturen in dieser Version:

  • Console: Der Symbolleiste des Bereichs „Console“ wurde eine Umschaltfläche Alle minimieren / maximieren hinzugefügt, mit der Sie alle aktiven Console-Gruppen und Stacktraces gleichzeitig minimieren oder maximieren können. (427657550)
  • Anwendung: In der Metadatenansicht der Anwendung wurden klickbare Hyperlinks durch statischen Text für Speicher Bucket-Felder ersetzt. Wenn Sie auf einen Bucket-Link klicken, wird automatisch zu diesem Bucket in der Seitenleiste Speicher-Buckets navigiert und er wird hervorgehoben. (435311130)
  • Anwendung: Die vollständige Speicherprüfung für Service Worker wurde wieder aktiviert, nachdem eine Absturzregression behoben wurde. (406991275, 466134219)
  • Anwendung: Unterstützung für die Prüfung von form_submission Prerendering 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. So können Entwickler aktive Sitzungen über das Kontextmenü oder durch Drücken der Tasten Delete oder Backspace löschen. (471017387)
  • Elemente: Hervorhebungen von DOM-Knoten, die verborgene Probleme im Bereich „Probleme“ darstellen, werden jetzt dynamisch aktualisiert (angezeigt oder ausgeblendet), wenn Problemfilteraktionen 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-Ereignisstream-Erfassungen gespeichert und wieder in die Entwicklertools importiert werden. (494294071)
  • Leistung: Die Core Web Vitals-Messung in der Ansicht „Live-Messwerte“ wurde korrigiert, um die Messung ausschließlich auf den primären Frame-Ausführungskontext zu beschränken. So wird verhindert, dass dynamische Iframe-Änderungen die Messwerte zurücksetzen. (494350655)
  • Leistung: web-vitals wurde auf Version 5.2.0 aktualisiert. Dadurch werden native Upstream-Korrekturen für Speicherlecks während der INP-Messung eingeführt. (484342204)