Neu in den Entwicklertools (Chrome 151)

Matthias Rohmer

Veröffentlicht am 28. Juli 2026

In Chrome 151 werden weitere Widgets für die Schritt-für-Schritt-Anleitung für KI-Agenten eingeführt, detaillierte Aufschlüsselungen der CSS-Spezifität auf dem Tab „Styles“, Unterstützung für das Pseudoelement ::interest-button und wichtige Updates für den DevTools-MCP-Server.

Entwicklertools für Agents

In den letzten Versionen bis hin zu v1.6.0 wurden die Debugging-Funktionen der Chrome-Entwicklertools für KI-Agenten für Coding-Agents wie Antigravity, Claude und Codex deutlich erweitert.

Die Updates in den Versionen v1.4.0 bis v1.6.0 umfassen:

• Verbessertes Debugging des Arbeitsspeichers:Das neue get_heapsnapshot_duplicate_strings-Tool erkennt Arbeitsspeicherverschwendung, die durch redundante Stringzuweisungen in JavaScript-Heaps verursacht wird. get_heapsnapshot_details gibt die Gesamtzahl der Objekte und die aggregierte Arbeitsspeichergröße, filterbare Heap-Snapshot-Aggregate und GC-Root-Aufbewahrungspfade zurück und ermöglicht den Arbeitsspeichervergleich zwischen Snapshots.
• GCF-Formatcodierung (experimentalGcfFormat): Unterstützung für GCF-codierte Tool-Antworten wurde hinzugefügt, um die Bandbreite und Parsing-Effizienz für unterstützende Clients zu optimieren.
• Gleichzeitiges Multi-Agent-Seitenrouting und isolierte Kontexte:Mit --experimentalPageIdRouting können parallele Sub-Agents gleichzeitig auf verschiedenen Browser-Tabs mit explizitem pageId-Routing ausgeführt werden. Im --isolated-Modus und mit isolatedContext-Parametern werden temporäre Chrome-Profile und Speicher pro Sitzung erstellt.

Weitere Informationen und eine Anleitung für die ersten Schritte finden Sie im DevTools for agents-Repository auf GitHub.

KI‑Unterstützung

Bild/Screencast: Das Feld für KI-Unterstützung mit dem neuen Inline-Widget für den Netzwerk-Track und dem interaktiven Walkthrough mit Unterstützung für GFM-Tabellen.

Der Bereich KI-Unterstützung wird ständig weiterentwickelt und bietet mehr Details in Agent-Walkthroughs mit dem speziellen Widget Network Track (inline-Rendering von Leistungsnetzwerkaktivitäten mit Ein-Klick-Navigation zum Zoomen in den Zeitraum im Leistungsbereich) und dem Widget Network Requests List (Anzeige strukturierter Anfrageparameter in interaktiven Tabellen).

Außerdem werden in Antwortnachrichten jetzt Tabellen im GitHub-Flavored Markdown-Format (GFM) für formatierte tabellarische Datenzusammenfassungen unterstützt.

Aufschlüsselung der CSS-Spezifität und Unterstützung für ::interest-button

Der Bereich Elemente bietet detailliertere CSS-Prüf- und ‑Authoring-Tools für moderne Webplattform-APIs:

• Detaillierte Aufschlüsselung der CSS-Spezifität:Wenn Sie den Mauszeiger auf dem Tab Styles auf einen Selektornamen bewegen, wird jetzt eine detaillierte Kurzinfo eingeblendet, in der aufgeschlüsselt wird, wie jede Klasse, ID, jedes Element oder jede Pseudoklasse zur Berechnung der (a, b, c)-Spezifität beiträgt. Dieser Beitrag wurde von der Community erstellt. Vielen Dank an @hjanuschka!
• ::interest-button-Pseudoelement:DevTools parst und präsentiert das neue CSS-Pseudoelement ::interest-button (Teil der HTML-interesttarget-Spezifikation) jetzt vollständig in der Übersicht des Elementbaums und auf dem Tab „Styles“.
• Asynchrone Zielverknüpfung für HTML-Beziehungsattribute:HTML-Attribute wie popovertarget, interesttarget und commandfor rufen ihre Ziel-DOM-Knoten jetzt asynchron ab und verknüpfen sie inline.
• Lazy Rendering für große Stylesheets:Auf dem Tab „Styles“ wird jetzt die Lazy-Property-Dekoration verwendet, wenn ein Element mehr als 200 CSS-Eigenschaften enthält. Dadurch werden Renderblockzeiten von mehreren Sekunden auf Millisekunden reduziert.

Chromium-Probleme: 353436867, 453705247, 524406293, 457696384, 524131115

Arbeitsspeicher-Debugging: Zuordnung von nativem Kontext und Beibehaltung von Closures

Die Diagnose komplexer JavaScript-Speicherlecks in Webanwendungen mit mehreren Frames oder Kontexten ist jetzt im Arbeitsspeicher-Prüftool deutlich einfacher:

• Attribution des nativen V8-Kontexts:Für Heap-Snapshots wird jetzt ein zweiphasiger Attributionsalgorithmus ausgeführt. Bei der statischen Zeigerinferenz werden native_context-Maps aufgelöst, während bei der Erreichbarkeitsanalyse des Graphen die verbleibenden Objekte verfolgt werden. Objekte, die über einen einzelnen nativen Kontext erreichbar sind, werden diesem Kontext direkt zugeordnet. Objekte, die über mehrere Kontexte erreichbar sind, werden in einem gemeinsamen Kontext-Bucket kategorisiert.
• Filter „Retained by Context“ (Nach Kontext beibehalten):Mit einem neuen UI-Filter in der Heap-Snapshot-Ansicht können Sie Objekte isolieren, die ausschließlich über JavaScript-Closure-Kontextobjekte beibehalten werden.
• Konfigurierbare Reihenfolge der angezeigten Attribute:Mit der neuen Kontextmenü-Umschaltfläche Attribute alphabetisch sortieren (standardmäßig aktiviert) können Sie beim Untersuchen von Heap-Objektattributen zwischen alphabetischer Sortierung und der ursprünglichen Reihenfolge der JS-Attributinsertion wechseln.

Chromium-Probleme: 497855658, 423838364, 40833016

Promisified Extension APIs und Sicherheitsoptimierung

DevTools-Erweiterungs-APIs wurden mit modernen asynchronen Mustern und strengeren Sicherheitskontrollen aktualisiert:

• Native Promise-Unterstützung:Asynchrone Methoden in chrome.devtools.network(getHAR(), Request.getContent()), chrome.devtools.panels und chrome.devtools.inspectedWindow (eval(), getResources(), Resource.getContent(), Resource.setContent()) geben jetzt standardmäßige JavaScript-Promise-Objekte zurück, wenn sie ohne Callback-Parameter aufgerufen werden.
• Sicherheitsgrenzen für Erweiterungen:Entwicklertools-Erweiterungen dürfen jetzt keine HAR-Ressourcen von blockierten Ziel-URLs mehr abrufen, müssen die extensionsOnChromeUrls-Berechtigungen für Erweiterungsübergreifende Auswertungen in inspectedWindow.eval erfüllen und allowFileAccess-Prüfungen für file://-Ressourcen erzwingen.

Weitere Highlights und Korrekturen

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

• Leistung: Neben Markierungen für Soft LCP und Soft Navigation wurden auch Soft FCP-Markierungen (First Contentful Paint) für die Zeitachse hinzugefügt. Außerdem wurden die Überschriften der Detailübersicht aktualisiert.
• Leistung: Es wurden Schutzmaßnahmen hinzugefügt, um die Überprüfung des Rechenaufwands während der CPU-Drosselungskalibrierung auf Android-Geräten ohne PressureObserver-Unterstützung zu überspringen.
• Netzwerk: Die Funktion Als cURL kopieren wurde aktualisiert, um Ziel-URLs mit --url zu präfixieren. So wird verhindert, dass Befehlszeilen-Flags für URLs mit Bindestrich falsch interpretiert werden.
• Quellen: Die Auflösung des Quellkartenbereichs ist standardmäßig aktiviert. Dadurch werden die Auflösung des Variablenbereichs und die Entminifizierung von Symbolen beim Debuggen verbessert.
• Einstellungen: Die Voreinstellungen für emulierte Geräte wurden für neuere iPhone- und Pixel-Modelle mit bestätigten Insets für den sicheren Bereich aktualisiert. Außerdem werden die Felder für benutzerdefinierte Geräte-User-Agents mit navigator.userAgent vorausgefüllt. (Chromium-Probleme: 40718410, 518215252)
• Einstellungen: Im Drop-down-Menü für die Einstellung Link-Verarbeitung werden jetzt benutzerfreundliche Erweiterungstitel anstelle von rohen Erweiterungsursprungs-URLs angezeigt.
• Lighthouse: Das gebündelte Lighthouse-Modul wurde auf Version 13.4.0 aktualisiert. (Chromium-Problem: 40543651)

Verbesserungen bei den Bedienungshilfen

Chrome 151 bietet die folgenden Verbesserungen bei den Bedienungshilfen:

• Elemente: Die Sichtbarkeit von umgeschalteten Symbolleistensymbolen (z. B. der Schaltfläche Fortsetzen für die Skriptausführung) wurde im Modus „Windows High Contrast“ / @media (forced-colors: active) wiederhergestellt, indem in Konflikt stehende Überschreibungen der Hintergrundfarbe entfernt wurden. (Chromium-Problem: 519762185)
• Console: Für abgeschnittene Live-Expression-String-Werte in Console Pins wurden zugängliche title-Tooltips mit vollständigem Text hinzugefügt.