Neu in den DevTools (Chrome 150)

Matthias Rohmer

Veröffentlicht am 30. Juni 2026

In Chrome 150 wurde das Speicher-Debugging in den Entwicklertools für KI-Agenten verbessert, die KI-Unterstützung wurde um weitere Widgets erweitert und die Bearbeitungsfunktionen für CSS-Regeln @container und @function wurden vollständig eingeführt.

Entwicklertools für KI-Agenten

In den letzten Versionen bis v1.4.0 wurden die Funktionen für die Browserautomatisierung und das Debugging von KI-Agenten in den Chrome-Entwicklertools für KI-Agenten erheblich erweitert.

Zu den wichtigsten Funktionen und Verbesserungen seit der letzten Version gehören:

  • Speicher-Debugging-Suite (--experimentalMemory): KI-Agenten können jetzt V8-Heap-Snapshots direkt erfassen und analysieren, um JavaScript-Speicherlecks zu diagnostizieren und Objektbeziehungshierarchien zu analysieren.
  • Verwaltung von Chrome-Erweiterungen (--categoryExtensions): KI-Agenten können den Lebenszyklus von Erweiterungen verwalten (installieren, deinstallieren, neu laden, auflisten) und Konsolenprotokolle von Hintergrund-Service-Workern zur Diagnose erfassen.
  • Gebündelte KI-Agenten-Fähigkeiten: Das Verzeichnis skills/ wird jetzt direkt in der npm-Paketverteilung veröffentlicht, sodass MCP-Client-KI-Agenten spezielle Browsing- und Debugging-Workflows automatisch erkennen und ausführen können.
  • Token- und Ausgabeverbesserungen: Wenn die Abmessungen von Screenshots an der Quelle begrenzt werden, wird der Tokenverbrauch reduziert. Die experimentelle Unterstützung für TOON (Token-Oriented Object Notation) optimiert die Formatierung strukturierter Daten.
  • Verbesserte Navigation und Kontext: list_pages enthält jetzt neben URLs und Ziel-IDs auch Seitentitel, um die Auswahl des Kontexts für mehrere Tabs zu verbessern. Mit den Konfigurationsoptionen allowedUrlPattern und blockedUrlPattern wird die Sicherheit des Browsing-Umfangs streng durchgesetzt.

Die neuesten Updates zu den Entwicklertools für KI-Agenten und die Möglichkeit, einen Beitrag zu leisten, finden Sie unter dem GitHub-Repository.

Detailliertere Informationen zur KI-Unterstützung

Die neuen Widgets für Lighthouse und berechnete Stile im AI Assistance-Agent-Walkthrough.

Der Bereich KI-Unterstützung wird ständig weiterentwickelt und bietet jetzt mehr Details in den Anleitungen für KI-Agenten. Neun zusätzliche Widgets enthalten jetzt Daten aus den Bereichen „Lighthouse“, „Netzwerk“, „Quellen“ und „Leistung“. Die Widgets helfen Ihnen, die Daten besser zu verstehen, die von Gemini verwendet werden, wenn die Agententools aufgerufen werden, um Leistungsereignisse, Ressourceninhalte, Netzwerkanfragen und mehr abzurufen.

Chromium-Probleme: 460763995

Vollständige Bearbeitungsunterstützung für weitere CSS-At-Regeln

Der Tab Stile im Bereich Elemente bietet neue Funktionen für moderne CSS-Funktionen:

  • Direkte Bearbeitung von @container Regeln: Sie können jetzt Container namen und Abfragebedingungen direkt in CSS @container Regeln bearbeiten. So können Sie nahtlos mit responsiven Containerabfragedesigns experimentieren.
  • Bearbeitung von CSS-Regeln vom Typ @function: Es wurde eine vollständige Bearbeitungsunterstützung für benutzerdefinierte CSS @function Regeln hinzugefügt.
  • Bearbeitung von @counter-style-Regeln: Es wurde eine Codevervollständigung für list-style-type-Attribute hinzugefügt, die direkt mit den entsprechenden @counter-style-Definitionen verknüpft sind.
  • Nicht beitragende Regeln minimieren: Mit einer neuen Einstellung können Sie nicht beitragende CSS-Stilregeln minimieren, sodass im Bereich Stile nur aktive Stile angezeigt werden.

Eine CSS-Funktion und eine counter-style-Regel auf dem Tab „Stile“.

Chromium-Probleme: 507611251, 41491726, 480080406, 351662727, 514846131

Deduplizierte Breakpoints und rekursive Unterstützung für Quellzuordnungen in „Quellen“

Der Bereich Quellen bietet eine verbesserte Debugging-Genauigkeit in komplexen modernen Build-Pipelines:

  • Logische Deduplizierung von Breakpoints: Breakpoint-Marker im Bundsteg werden jetzt in Code-Split-Bundles und SSR-/Client-kompilierten Vorlagen dedupliziert. Dabei wird die Zuordnung zum nächstgelegenen aufgelösten Speicherort verwendet. So werden doppelte Breakpoint-Marker beim Debuggen von Code verhindert, der in mehreren Chunks oder Umgebungen verwendet wird.
  • Rekursive EvalOrigin und verschachtelte Quellzuordnungen: Der Debugger unterstützt jetzt rekursive EvalOrigin Strukturen und verschachtelte Übersetzungsketten in Quellzuordnungen. So werden genaue Stacktraces und ein präzises Schrittverhalten in mehrstufigen Kompilierungsworkflows gewährleistet.
  • Tastenkombination für „Zu Zeile springen“: ALT + G wurde als zusätzliche Tastenkombination für die Navigation „Zu Zeile springen“ im Editor hinzugefügt, um Konflikte mit der neuen Tastenkombination für Gemini in Chrome zu vermeiden.
  • Formatierung von Importattributen: Der zugrunde liegende Acorn-Parser wurde aktualisiert, um die Pretty-Print-Formatierung für die Standardsyntax von JavaScript-Importattributen zu unterstützen.

Chromium-Probleme: 493674242, 485142682, 480172712, 491167992

Sicherheit und Cross-Origin-Härtung in den Entwicklertools

Wie bei vielen anderen Softwareprodukten gab es in letzter Zeit einen Anstieg der Sicherheitsberichte, von denen viele mithilfe von KI gefunden wurden. Das Team überprüft und behebt diese Probleme ständig, um die Sicherheit der Entwicklertools zu gewährleisten:

  • Schutz vor Self-XSS für Live-Ausdrücke: Es wurden Warnmeldungen und Schutzmechanismen für Self-XSS hinzugefügt, wenn Live-Ausdrücke in der Konsole erstellt werden.
  • Zulassungslisten für die Recorder-Navigation und Wiedergabeüberprüfung: Im Bereich Recorder werden jetzt strenge Zulassungslisten für die Navigation erzwungen, um zu verhindern, dass zu Seiten mit hohen Berechtigungen navigiert wird. Außerdem wird die Erweiterungsquelle in den Wiedergabebereichen streng überprüft.
  • Einschränkungen für Netzwerküberschreibungen durch Erweiterungen: Bei Netzwerküberschreibungen, die von Erweiterungen verwaltet werden, werden jetzt die Hostrichtlinien runtime_blocked_hosts streng erzwungen.
  • Sichere @font-face Erstellung: Die Generierung von @font-face Regeln wurde mit der CSSStyleSheet API und einer sicheren URL-Stringifizierung überarbeitet, um CSS Injection über Daten-URLs zu verhindern.

Weitere Highlights

Eine Sammlung kleinerer Verbesserungen und Fehlerkorrekturen in dieser Version:

  • Leistung: Die überhöhte Übertragungsgröße von TraceTree für im Cache gespeicherte Netzwerkanfragen wurde korrigiert, indem die Übertragungsgröße bei identifizierten Cache Treffern auf 0 Byte gesetzt wurde.
  • Leistung: Die Leistungsformatierer wurden aktualisiert, um optionale Felddaten aus dem Chrome UX Report (CrUX) deviceScope zu unterstützen.
  • Leistung: In den Aufrufbaumtabellen wurde horizontales Scrollen aktiviert, um zu verhindern, dass lange Datei-URLs mit Auslassungspunkten abgeschnitten werden.
  • Leistung: Fehlerhafte Neu-Renderings und Beschädigungen des DOM-Status in der Seitenleiste „Insights“ bei mehreren Tracedateien wurden behoben.
  • Leistung: Die Einstellungen für die Verfolgung von Zeitachseninvalidierungen und den Debugmodus wurden von experimentellen Flags zu den Standardeinstellungen der Entwicklertools migriert.
  • Netzwerk: Die falsche Umbenennung von Spalten wurde rückgängig gemacht, um die Spalte Hat Überschreibungen wiederherzustellen. Außerdem wurde die Sortierlogik für Header- und Inhaltsüberschreibungen korrigiert.
  • Netzwerk: Die CSS-attr() Formatierung in den Wasserfalldiagrammen für die Server-Timing-API wurde korrigiert, sodass die pro Zeile generierten Farben richtig gerendert werden.
  • Netzwerk: Die Befehlsgenerierung Als cURL kopieren für namenlose Cookies wurde korrigiert.
  • Anwendung: Lokale und Sitzungsspeicherelemente wurden im Bereich Anwendung mit der neuen StorageAgent-Infrastruktur verbunden.
  • Anwendung: Die Priorität des Status Spekulative Ladevorgänge wurde korrigiert, sodass URLs, bei denen sowohl das Prefetching als auch das Prerendering erfolgreich war, korrekt als "prerendered" angezeigt werden.
  • Anwendung: Bytegenaue Tooltips für Werte wurden in allen Spalten in den Heap- Snapshot-Ansichten hinzugefügt.
  • Probleme: Der Problemtyp BackUINavigationWouldSkipAd wird jetzt angezeigt, wenn bei der Zurück-Navigation Werbeeinträge übersprungen werden.
  • Probleme: Es wurde Unterstützung für die Anzeige von Problemen mit E-Mail-Bestätigungsanfragen (EmailVerificationRequestIssue) hinzugefügt.
  • Lighthouse: Im Konfigurationsbereich von Lighthouse wurde das Kästchen Agentenbasiertes Browsing hinzugefügt (standardmäßig deaktiviert). Außerdem wurde die gebündelte Lighthouse-Engine auf Version 13.3.0 aktualisiert.

Chromium-Probleme: 518021339, 40908621, 517519019, 487755345, 505284391, 465915378, 512908993, 40543651

Verbesserte Bedienungshilfen

In Chrome 150 wurden mehrere Verbesserungen an den Screenreader-Ausgaben, Widgetstrukturen und der ARIA-Semantik in den Entwicklertools vorgenommen:

  • Verbesserte Screenreader-Ausgaben beim Auswählen von Tabs und Navigieren in Bereichen auf dem Tab „Stile“.
  • Beschreibende Tooltips für die Symbole zum Schließen von Dialogfeldern wurden hinzugefügt. Außerdem sind jetzt ARIA-Attribute für Details und Beschreibungen in Tooltips zulässig.
  • Für die Elemente des Kontextmenüs wurden strenge ARIA-Rollen vom Typ menuitem erzwungen, um die Navigation für unterstützende Technologien zu verbessern.

Chromium-Probleme: 510013788