Neu in den DevTools (Chrome 152)

Matthias Rohmer

Veröffentlicht am 25. August 2026

Chrome 152 bietet erhebliche Verbesserungen beim Debuggen von Netzwerken, z. B. beim erneuten Senden von Anfragen und bei der Überprüfung binärer Nutzlasten, benutzerdefinierte Elementverzierungen und verbesserte CSS-Verschachtelung in „Elemente“, Core Web Vitals für Soft Navigations in „Leistung – Live-Messwerte“, strukturierter Tabellenexport in der Konsole und Verbesserungen für den DevTools-MCP-Server.

Entwicklertools für Agents

Die neueste Version v1.7.0 des Chrome-Entwicklertools-MCP-Servers baut die zuvor eingeführten Funktionen zur Speicherfehlerbehebung für Coding-Agents wie Antigravity, Claude und Codex weiter aus:

• Details zum Heap-Snapshot-Objekt (get_heapsnapshot_object_details): Sie können detaillierte JavaScript-Objekteigenschaften, Klassennamen und GC-Root-Aufbewahrungspfade direkt in Heap-Snapshots ansehen.
• Filterung nach nativem V8-Kontext:Heap-Snapshot-Objekte nach nativem Ausführungskontext filtern und native Kontexte in Snapshot-Zusammenfassungen untersuchen.
• Verbesserungen bei Daemon-Stabilität und ‑Lebenszyklus:Es wurden eine begrenzte Aufbewahrung von Netzwerkanfragen pro Navigation, eine Validierung der Sitzungs-ID, Warnungen bei Versionsabweichungen zwischen CLI und Daemon sowie ein ordnungsgemäßes Beenden von Worker-Prozessen beim Schließen des Kontexts hinzugefügt.

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

Netzwerk: Anfragen bearbeiten und noch einmal senden, Preloading-Insights und binäre Nutzlast decodieren

• Fetch- und XHR-Anfragen noch einmal senden:Das bisherige Kontextmenüelement „XHR wiederholen“ heißt jetzt Noch einmal senden. Es werden jetzt alle abrufbaren Netzwerkanfragen unterstützt. Standardanfragen werden in fetch()-Aufrufe umgewandelt, wobei die vollständige Wiedergabetreue neben XHR erhalten bleibt. Bei Anfragen werden auch der Ausführungskontext und der Konsolenursprung erfasst und angezeigt.
• Spalte „Vorab geladen“ und „Als Preload-Element kopieren“: In der neuen Spalte Vorab geladen wird angezeigt, ob eine Netzwerkanfrage über spekulatives Vorabladen initiiert wurde. Sie können auch mit der rechten Maustaste auf eine beliebige Anfrage klicken und Als Preload-Element kopieren auswählen, um ein <link rel="preload">-Tag zu generieren, das Sie in Ihren HTML-Code einfügen können. „Early Hints“ werden jetzt in der Spalte Initiator kategorisiert.
• Binäransicht für Anfragenutzlasten:Der Tab Nutzlast enthält jetzt Optionen für die Dekodierungsmethode (Base64, Hex und UTF-8) für binäre und komprimierte Anfragenutzlasten. Das ist analog zum Tab „Antwort“.
• Spalte „Angepinnte Anfragennummer“:Die Spalte „Anfrage #“ ist jetzt an der ersten Position im Netzwerkdatengrid angepinnt, um die Referenzierung von Anfragen zu erleichtern.
• Filtern nach Host für dieselbe Website:Wenn Sie in der Filterleiste „Netzwerk“ nach Domains, Hostnamen oder Ports (z.B. localhost oder example.com) suchen, werden Anfragen für dieselbe Website jetzt korrekt gefiltert.
• Standardmäßige Dekodierung von Abfrageparametern:Abfrage- und Formularparameter auf dem Tab „Payload“ werden jetzt für alle Anfragen automatisch dekodiert.

Chromium-Probleme: 40726969, 41299075, 40138847, 40222701, 525848667, 507077182, 498482622, 520437951, 40267477

Elemente: Benutzerdefinierte Elementverzierungen, verschachtelte CSS-Übergeordneten-Selektor-Interaktionen und $0-Pseudoelementauswahl

Das Untersuchen und Erstellen von Webkomponenten und modernem CSS ist im Elements-Bereich schneller und intuitiver:

• Badge für benutzerdefinierte Elemente:Für benutzerdefinierte HTML-Elemente (die durch Bindestrich-Tags oder is="..."-Attribute für benutzerdefinierte integrierte Elemente gekennzeichnet sind) wird jetzt im DOM-Baum ein custom-element-Badge angezeigt.
• Interaktionen mit übergeordneten CSS-Selektoren und Spezifität bei verschachtelten CSS-Regeln:Wenn Sie den Mauszeiger auf übergeordnete Selektoren in verschachtelten CSS-Regeln und geerbten verschachtelten Regeln bewegen, werden jetzt übereinstimmende Elemente auf der Seite hervorgehoben und auf die Filterung auf dem Tab „Stile“ reagiert. Für @nested-declarations-Regeln wurden Pop-ups mit Kurzinfos zur Spezifität hinzugefügt.
• Pseudoelementauswahl über $0:Wenn Sie Pseudoelemente wie ::before oder ::after im DOM-Baum „Elemente“ auswählen, werden sie jetzt direkt an die Konsolenvariable $0 gebunden, sodass Sie sie sofort mit JavaScript untersuchen können.
• Automatische Vervollständigung für die Typen text-wrap und <image>:Im Bereich „Stile“ werden jetzt alle Keyword-Werte für text-wrap (wrap, nowrap, balance, pretty, stable) vorgeschlagen und CSS-Eigenschaften, die <image>-Datentypen akzeptieren, automatisch vervollständigt.
• Berücksichtigung von Scrollbars im Box-Modell:Im Diagramm mit den Box-Modell-Messwerten werden die Abmessungen von Inhaltsfeldern jetzt korrekt berechnet und gerendert, wenn Elemente sichtbare Scrollbars haben.

Chromium-Probleme: 367440148, 535517817, 535522242, 535523039, 537724428, 399305533, 334984154, 383355294, 326260752, 389342065

Leistung: Messwerte für Soft Navigation in Live-Messwerten und benutzerdefinierte Screenshot-Voreinstellungen

• Unterstützung von Live-Messwerten für Soft Navigations:In der Ansicht „Live-Messwerte“ werden jetzt standardmäßig Core Web Vitals (z. B. LCP und INP) für clientseitige Soft Navigations in Single-Page-Anwendungen erfasst und gemeldet. Dies ist durch ein Upgrade auf web-vitals v6.0.0 möglich.
• Benutzerdefinierte Voreinstellungen für die Aufnahme von Screenshots:Im Bereich „Leistung“ sind konfigurierbare Voreinstellungen für die maximale Anzahl und Größe von Screenshot-Frames für das CDP-Tracing verfügbar, mit denen sich die Qualität der visuellen Aufzeichnung innerhalb des Arbeitsspeicherbudgets anpassen lässt.
• console.profileEnd()-Trace-Anzeige:Wenn Sie console.profileEnd() in Ihrem Code oder in der Konsole aufrufen, wird der aufgezeichnete Trace jetzt automatisch im Bereich „Leistung“ geöffnet und angezeigt.
• Zusammenfassung benutzerdefinierter Tracks der Extensibility API:Zusammenfassungen von Leistungstraces verarbeiten und präsentieren jetzt benutzerdefinierte Trackgruppen, die mit der Extensibility API registriert wurden.

Chromium-Probleme: 514721939, 490140054, 536954453, 535506117

Console: Tabellen als Markdown oder CSV exportieren und Schutz vor Nebeneffekten

• Konsolentabellen als Markdown oder CSV kopieren:Tabellen, die mit console.table() protokolliert wurden, können jetzt über das Kontextmenü direkt als formatierte Markdown-Tabellen oder CSV-Daten in die Zwischenablage kopiert werden.
• Schutz vor der Auswertung von Nebeneffekten:Die Hover-Auswertung des Debuggers schützt jetzt vor Ausdrücken, die new, getaggte Template-Literale, dynamische import() und delete-Operatoren enthalten. So werden versehentliche Statusänderungen während der Pause verhindert.

Chromium-Probleme: 40924951, 40133606

Weitere Highlights

Eine Sammlung wichtiger Verbesserungen in anderen Entwicklertools-Subsystemen:

• Quellen: Bei Quick Open werden jetzt lokale Workspace-Dateien mit einem großen Scoring-Boost priorisiert, sodass Workspace-Dateien über Netzwerkressourcen angezeigt werden. (Chromium-Problem: 40260136)
• Arbeitsspeicher: In der Übersicht „Heap-Snapshot“ werden jetzt die Gesamtzahl der Objekte zusammen mit den aggregierten flachen Größen für ausgewählte Typen angezeigt. Außerdem sind Filter für den nativen Ausführungskontext enthalten. (Chromium-Problem: 497855658)
• Anwendung: Im Bereich Anzeigen wurde die Ein/Aus-Schaltfläche Anzeigen hervorheben direkt in den Bereich verschoben. Außerdem wurden klickbare Anzeigen-iFrame-Element-IDs hinzugefügt, um Frames in der Hierarchie aufzurufen, und eine Aufschlüsselungstabelle für Messwerte pro Frame eingeführt. (Chromium-Problem: 514957134)
• Anwendung: Der Bereich Websitedaten löschen im Bereich „Speicher“ wurde in eine einheitliche, konsolidierte Gruppe umgestaltet (Chromium-Problem: 375867286). Außerdem wurden doppelte Cache Storage-Einträge nach dem Wiederherstellen des Back/Forward-Cache behoben (Chromium-Problem: 484693244).
• Erweiterungen: Asynchrone Methoden in chrome.devtools.panels geben jetzt nativ JavaScript-Promise-Objekte zurück, wenn sie ohne Callback aufgerufen werden. (Chromium-Problem: 496604551)
• Einstellungen: Die Standardvoreinstellungen für die Netzwerkdrosselung und die benutzerdefinierten Drosselungskonfigurationen sind jetzt in separate Abschnitte unterteilt. (Chromium-Problem: 342409451)
• Lighthouse: Das gebündelte Lighthouse-Modul wurde auf Version 13.4.1 aktualisiert. (Chromium-Problem: 40543651)
• Probleme: In den DevTools wird eine Warnung ausgegeben, wenn für ein Bild, das loading="lazy" verwendet, keine expliziten width- oder height-Dimensionen angegeben sind.
• Gerätemodus: Das Menü für die Zoomstufe wurde vereinfacht und enthält jetzt die einheitliche Option Ansicht an Fenster anpassen. Außerdem wurde der Ein/Aus-Schalter Geräterahmen anzeigen deaktiviert, wenn keine Rahmenbilder verfügbar sind.

Verbesserungen bei den Bedienungshilfen

Chrome 152 enthält die folgenden Verbesserungen für die Barrierefreiheit:

• Elemente und Barrierefreiheit: Es wurden Kontextmenüoptionen hinzugefügt, mit denen Sie nahtlos zwischen dem DOM-Baum „Elemente“ und der Baumansicht „Barrierefreiheit“ wechseln können. Außerdem gibt es die Option „In Ansicht scrollen“ für Barrierefreiheitsknoten. (Chromium-Probleme: 417929842)
• Bedienungshilfen: Es wurde Unterstützung für das Kopieren von Bedienungshilfen-Baumknoten und ‑Unterbäumen als Nur-Text über das Kontextmenü hinzugefügt. (Chromium-Problem: 417929842)
• Elemente: Die Farben für die Suchmarkierung mit geringem Kontrast im Bereich „Elemente“ wurden korrigiert, wenn der dunkle Modus verwendet wird. (Chromium-Problem: 491718898)
• Navigation: Wenn Sie die DevTools in einem separaten Fenster andocken oder wieder im Tab andocken, wird der Fokus nicht mehr auf die Schaltfläche für das Hauptmenü gesetzt.
• Einstellungen: Den Schaltflächen „Mehr anzeigen“ und „Weniger anzeigen“ in den KI-Einstellungen wurde ein beschreibender barrierefreier Kontext hinzugefügt.