Neu in den Entwicklertools (Chrome 151)

Matthias Rohmer

Veröffentlicht am 28. Juli 2026

In Chrome 151 gibt es mehr Widgets für die Agent-Anleitung in der KI-Unterstützung, detaillierte Aufschlüsselungen der CSS-Spezifität auf dem Tab „Stile“, Unterstützung für das Pseudoelement ::interest-button und wichtige Updates für den DevTools MCP-Server.

Entwicklertools für Agenten

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

Zu den Updates in den Versionen v1.4.0 bis v1.6.0 gehören:

• Verbessertes Arbeitsspeicher-Debugging:Mit dem neuen Tool get_heapsnapshot_duplicate_strings wird Arbeitsspeicherverschwendung erkannt, die durch redundante Stringzuweisungen in JavaScript-Heaps verursacht wird. get_heapsnapshot_details gibt die Gesamtzahl der Objekte und Arbeitsspeichergrößenaggregate, filterbare Heap-Snapshot-Aggregate und GC-Root-Aufbewahrungspfade zurück und ermöglicht den Vergleich von Arbeitsspeicherunterschieden zwischen Snapshots.
• GCF-Formatcodierung (experimentalGcfFormat): Unterstützung für GCF-codierte Tool-Antworten wurde hinzugefügt, um die Bandbreite und die Parsing-Effizienz für unterstützende Clients zu optimieren.
• Gleichzeitiges Multi-Agent-Seitenrouting und isolierte Kontexte:Mit --experimentalPageIdRouting können parallele Unteragenten gleichzeitig auf verschiedenen Browser-Tabs arbeiten, indem sie explizites pageId-Routing verwenden. Im Modus --isolated und mit den Parametern isolatedContext werden temporäre Chrome-Profile und Speicher pro Sitzung erstellt.

Weitere Informationen und eine Anleitung für den Einstieg finden Sie im DevTools for agents-Repository auf GitHub.

KI‑Unterstützung

Bild/Screencast: Der Bereich „KI-Unterstützung“ mit dem neuen Inline-Widget „Netzwerk-Track“ und einer interaktiven Anleitung mit GFM-Tabellenunterstützung.

Der Bereich KI-Unterstützung wird weiterentwickelt und bietet mehr Details in den Agent-Anleitungen mit dem speziellen Widget Netzwerk-Track (Inline-Rendering der Netzwerkaktivität mit einem Klick, um in den Zeitbereich im Bereich „Leistung“ zu zoomen) und dem Widget Liste der Netzwerkanfragen (Anzeige strukturierter Anfrageparameter in interaktiven Tabellen).

Außerdem unterstützen Antwortnachrichten jetzt vollständig das Rendering von GitHub Flavored Markdown-Tabellen (GFM) für formatierte tabellarische Datenzusammenfassungen.

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

Der Bereich Elemente bietet umfassendere Tools zur CSS-Prüfung und -Erstellung für moderne Webplattform-APIs:

• Detaillierte Aufschlüsselungen der CSS-Spezifität:Wenn Sie den Mauszeiger auf Selektornamen auf dem Tab Stile bewegen, wird jetzt ein detaillierter Tooltip angezeigt, in dem aufgeschlüsselt wird, wie jede Klasse, ID, jedes Element oder jede Pseudoklasse zur Berechnung der Spezifität (a, b, c) beiträgt. Dies war ein Beitrag der Community. Vielen Dank an @hjanuschka!
• Pseudoelement ::interest-button:Die Entwicklertools parsen und präsentieren jetzt das neue CSS-Pseudoelement ::interest-button (Teil der HTML-Spezifikation interesttarget) vollständig in der Elementstruktur und auf dem Tab „Stile“.
• Asynchrone Zielverknüpfung für HTML-Beziehungsattribute:HTML-Attribute wie popovertarget, interesttarget und commandfor rufen jetzt asynchron ihre Ziel-DOM-Knoten ab und verknüpfen sie visuell inline.
• Lazy Rendering für große Stylesheets:Auf dem Tab „Stile“ wird jetzt die Lazy-Property-Dekoration verwendet, wenn ein Element mehr als 200 CSS-Properties enthält. Dadurch werden die Renderblockzeiten von mehreren Sekunden auf Millisekunden reduziert.

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

Arbeitsspeicher-Debugging: Native Kontextzuordnung und Aufbewahrung von Closures

Die Diagnose komplexer JavaScript-Arbeitsspeicherlecks in Webanwendungen mit mehreren Frames oder Kontexten ist jetzt im Bereich Arbeitsspeicher deutlich einfacher:

• Native V8-Kontextzuordnung:Bei Heap-Snapshots wird jetzt ein zweiphasiger Zuordnungsalgorithmus ausgeführt. Die statische Zeigerinferenz löst native_context-Zuordnungen auf, während die Erreichbarkeit des Graphen die verbleibenden Objekte verfolgt. Objekte, die von einem einzelnen nativen Kontext aus erreichbar sind, werden direkt diesem Kontext zugeordnet. Objekte, die von mehreren Kontexten aus erreichbar sind, werden in einem gemeinsamen Kontext-Bucket kategorisiert.
• Filter „Von Kontext aufbewahrt“:Mit einem neuen UI-Filter in der Heap-Snapshot- Ansicht können Sie Objekte isolieren, die ausschließlich über JavaScript-Closure-Kontextobjekte aufbewahrt werden.
• Konfigurierbare Reihenfolge der Property-Anzeige:Mit einer neuen Kontextmenüoption, Properties alphabetisch sortieren (standardmäßig aktiviert), können Sie beim Prüfen von Heap-Objekt-Properties zwischen der alphabetischen Sortierung und der ursprünglichen Einfügereihenfolge der JS-Properties wechseln.

Chromium-Probleme: 497855658, 423838364, 40833016

Promisifizierte Erweiterungs-APIs und verbesserte Sicherheit

Die Entwicklertools-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 abrufen, müssen die Berechtigungen extensionsOnChromeUrls für erweiterungsübergreifende Auswertungen in inspectedWindow.eval erfüllen und allowFileAccess-Prüfungen für file://-Ressourcen erzwingen.

Weitere Highlights und Korrekturen

Eine Reihe kleinerer Verbesserungen und Fehlerkorrekturen in dieser Version:

• Leistung: Neben den Markierungen für Soft LCP und Soft Navigation wurden Zeitachsenmarkierungen für Soft FCP (First Contentful Paint) hinzugefügt. Außerdem wurden die Header der Detailansicht aktualisiert.
• Leistung: Es wurden Schutzmaßnahmen hinzugefügt, um die Überprüfung des Rechenaufwands bei der CPU Drosselungskalibrierung auf Android-Geräten ohne PressureObserver Unterstützung zu überspringen.
• Netzwerk: Als cURL kopieren wurde aktualisiert, um Ziel-URLs mit --url zu präfixieren, damit URLs mit Bindestrichpräfix nicht falsch als Befehlszeilen-Flags interpretiert werden.
• Quellen: Die Auflösung des Quellzuordnungsbereichs ist jetzt standardmäßig aktiviert, wodurch die Auflösung des Variablenbereichs und die Entminifizierung von Symbolen beim Debugging verbessert werden.
• Einstellungen: Die Voreinstellungen für emulierte Geräte wurden für neuere iPhone- und Pixel- Modelle mit bestätigten Safe-Area-Insets aktualisiert. Außerdem werden die Felder für benutzerdefinierte Geräte- User-Agents mit navigator.userAgent vorab ausgefüllt. (Chromium-Probleme: 40718410, 518215252)
• Einstellungen: Die Drop-down-Liste der Einstellung Link-Verarbeitung zeigt jetzt nutzerfreundliche Erweiterungstitel anstelle von Roh-URLs der Erweiterungsquelle.
• Lighthouse: Das gebündelte Lighthouse-Modul wurde auf Version 13.4.0 aktualisiert. (Chromium-Problem: 40543651)

Verbesserte Bedienungshilfen

Chrome 151 bietet die folgenden Verbesserungen der Bedienungshilfen:

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