Neues in den DevTools – Oktober 2026

Matthias Rohmer

Veröffentlicht am 1. Oktober 2026

Chrome 153 und Chrome 154 wurden im letzten Monat in der stabilen Version eingeführt und bieten eine Reihe von Verbesserungen für Entwickler, die sich in Ihrem täglichen Workflow bewähren. In dieser Ausgabe werden die detaillierten Steuerelemente für die JavaScript-Ausführung in den DevTools für Agents, das AdScript-Tracking im Anwendungsbereich, die vollständige Unterstützung für Soft Navigation und die Überschreibungen der CPU-Leistungsklasse in „Leistung“, die Unterstützung für inaktive Stile und die über die Tastatur zugänglichen Verzierungen in „Elemente“, die Quellcodeüberprüfung und die Aufzeichnung von Leistungstraces in der KI-Unterstützung sowie die modernisierten Gerätevoreinstellungen im Gerätemodus hervorgehoben.

Entwicklertools für Agents

Der Chrome-Entwicklertools MCP-Server bietet neue Sicherheitskontrollen, Leistungsoptimierung und Funktionen zur Speicheranalyse für Coding-Agents:

  • Agent Plugins 1.0-Paket: Unterstützung für das Agent Plugins 1.0-Paket wurde hinzugefügt, sodass Agents modulare Plug-in-Erweiterungen laden und ausführen können.
  • Steuerelemente für die JavaScript-Ausführung: Konfigurieren Sie --no-javascript-evaluation oder deaktivieren Sie Tools für die JavaScript-Ausführung, um Seiten zu untersuchen, ohne Scripts auszuwerten. Das gilt auch für Navigations- und Initialisierungsscripts.
  • On-Demand-Quellzuordnungen: Es wurde eine Option hinzugefügt, mit der Quellzuordnungen deaktiviert und On-Demand-Quellzuordnungen verzögert geladen werden können. So wird eine hohe Arbeitsspeichernutzung auf großen Websites verhindert.
  • Konfigurierbare Dateisystem-Roots und CLI-Pfadberechtigungen: Die CLI enthält jetzt standardmäßig --allow-unrestricted-paths und unterstützt konfigurierbare Dateisystem-Roots.
  • Heap-Snapshot-Prüfung: Objekte direkt nach Größe oder Attributname mit query_heapsnapshot abfragen, eigene und beibehaltene Größen für Kanten ansehen und den von V8-Ausführungskontexten beibehaltenen Arbeitsspeicher prüfen.
  • PWA-Automatisierungstools: Es wurden spezielle Tools zum Automatisieren der Installation und der Lebenszyklusprüfungen von Progressive Web-Apps hinzugefügt.
  • Konsolen-Stacktraces: Rufen Sie optionale Stacktraces ab, wenn Sie Konsolennachrichten mit list_console_messages auflisten.

Weitere Informationen

Nach der Einführung von vier experimentellen Anzeigenmesswerten für den Bericht zur Nutzererfahrung in Chrome (Chrome User Experience, CrUX) bietet dieser neue Unterbereich einen zentralen Ort, um seitenweite anzeigenbezogene Informationen zu analysieren und zu optimieren. Dazu zählen:

  • Ein Dashboard für die neuen experimentellen Messwerte: Anzeigendichte im Viewport, Anzahl der Anzeigen im Viewport, gesamte CPU-Nutzung durch Werbung, gesamte Netzwerknutzung durch Werbung.
  • Segmentierung der CPU- und Netzwerknutzung nach Werbeelementen
  • Eine Tabelle mit Anzeigen-Scripts im Hauptframe.
  • Ein Schalter, mit dem Anzeigen auf der Seite hervorgehoben werden.

Weitere Informationen zu den neuen Anzeigenmesswerten

Im Anwendungsbereich wird auf dem Tab „Anzeigen“ die neue Tabelle „Anzeigenscripts“ angezeigt. In „Quellen“ ist ein Anzeigenscript zu sehen.
Anzeigenbereich im Anwendungsbereich mit der neuen Tabelle „Anzeigenscripts“ und einem Anzeigenscript in „Quellen“.

Chromium-Probleme: 514957134, 512927903, 540469610

Der Bereich Leistung bietet End-to-End-Messungen für Soft Navigation, Überschreibungen für die Hardwareabstimmung und eine detailliertere Suche nach Traces:

  • Vollständige Unterstützung für Soft Navigation: Nachdem die Unterstützung für Soft Navigation in Live-Messwerten und Trace-Ansichten in Chrome 152 eingeführt wurde, ist die Analyse von Soft Navigation jetzt in Statistiken verfügbar. Damit ist die vollständige End-to-End-Unterstützung für die Messung von Soft Navigation im Bereich Leistung abgeschlossen.
  • Überschreiben der CPU-Leistungsklasse über CDP: Die Entwicklertools unterstützen jetzt das Konfigurieren, Berechnen und Senden von überschriebenen kalibrierten CPU-Leistungsklassen über das Chrome-Entwicklertools-Protokoll (Emulation.setCPUPerformanceOverride). So können Leistungstests über verschiedene Hardwareklassen hinweg reproduzierbar durchgeführt werden.
  • Erweiterungs-Track im Flammenchart suchen: Wenn Sie im Flammenchart des Bereichs Leistung auf Ctrl+F klicken, werden jetzt Einträge in benutzerdefinierten Tracks abgeglichen, die mit der Extensibility API registriert wurden. Dabei wird der Kurzinfotext, die Eigenschaften und die Nutzerdetails durchsucht.
  • Visualisierung von Threads im CPU-Profil: Im Flammenchart des Bereichs Leistung werden jetzt Threads gerendert, die nur CPU-Profil-Samples enthalten. So werden Hintergrundausführungen wie WebAssembly-Threads in Zeitachsensichten angezeigt.
End-to-End-Workflow für Soft Navigation im Bereich „Leistung“

Chromium-Probleme: 449760252, 483092899, 540020488

Elemente: Inaktive Stile, über die Tastatur zugängliche Verzierungen und Korrekturen für die Baumstruktur

Das Prüfen und Erstellen von CSS ist im Elements-Bereich schneller und einfacher:

  • Unterstützung für inaktive Stile: In DevTools können jetzt weiterhin Stilregeln angezeigt werden, die zuvor mit dem ausgewählten Element übereinstimmten, auch wenn sie nicht mehr angewendet werden. Sie werden durch eine inaktive visuelle Anzeige deutlich unterschieden. Inaktive Stile können in den Einstellungen aktiviert und ihr Minimierungsverhalten konfiguriert werden.
  • Über die Tastatur zugängliche Adorner: Interaktive Adorner im DOM-Baum, darunter Quellcode ansehen, Ausgangsstil, Scroll-Snap und Einblenden, können jetzt über die Tastatur fokussiert und mit Enter oder Space aktiviert werden.
  • Neuanordnung per Drag-and-drop: Das Neuanordnen von DOM-Knoten durch Ziehen von Elementen im DOM-Baum funktioniert jetzt zuverlässig über Shadow DOM-Grenzen hinweg. Außerdem werden klare Drop-Platzierungsindikatoren angezeigt.
  • Reibungsloseres Umschalten von CSS-Properties: Das Aktivieren oder Deaktivieren von Kontrollkästchen für CSS-Properties auf dem Tab Stile führt nicht mehr zu doppelten UI-Neudarstellungen oder visuellen Blitzeffekten.
Das Steuerfeld „Elemente“ mit einer inaktiven CSS-Regel.
Das Steuerfeld „Elemente“ mit einer inaktiven CSS-Regel.

Chromium-Probleme: 539424116, 554057179, 555088527, 548477554

Gerätemodus: Modernisierte Gerätevoreinstellungen nach Formfaktor gruppiert

In der Symbolleiste Gerätemodus und in der Ansicht Einstellungen > Geräte wird emulierte Hardware in übersichtliche Kategorien unterteilt:

  • Gruppierung nach Formfaktor: Emulierte Geräte werden jetzt in Mobilgeräte, Faltbare Geräte, Tablets und Computer und Smart Displays gruppiert.
  • Aktualisierter Hardwarekatalog: Es wurden moderne Voreinstellungen hinzugefügt, darunter iPhone 16, Pixel 9, Pixel 10, Galaxy Z Fold 6, iPad Pro 13″ und Nest Hub Max. Veraltete Geräte werden nicht mehr unterstützt.
Gerätemodus mit den modernisierten Gerätevoreinstellungen, gruppiert nach Formfaktor.
Gerätemodus mit den modernisierten Gerätevoreinstellungen, die nach Formfaktor gruppiert sind.

Chromium-Probleme: 526856234, 526857820

Netzwerk: In der Console bearbeiten und als Abruf noch einmal senden, lokale Überschreibungen haben Vorrang

Die Workflows für die Überprüfung und das Debugging von Netzwerkanfragen wurden optimiert und gesichert:

  • Bearbeiten und als Abruf in der Console senden: Wenn Sie bei einer beliebigen Netzwerkanfrage Bearbeiten und als Abruf senden auswählen, wird das Console-Panel jetzt automatisch mit dem fetch()-Ausdruck geöffnet, der bereits in den Prompt eingefügt wurde. Außerdem werden Parameterkommentare und ein Referenzlink zur ursprünglichen Anfrage angezeigt.
  • Sicherheitsoptimierung für lokale Überschreibungen: Im Bereich Netzwerk wird jetzt das Durchlaufen von Pfaden (%2E%2E) in lokalen Überschreibungen verhindert. Außerdem ist es nicht mehr möglich, Überschreibungen für Schemas zu erstellen, die nicht auf HTTP(S) basieren, z. B. data:, blob:, javascript: und about:.
  • Caret-Escaping in „Als cURL (cmd) kopieren“: Beim Kopieren von Netzwerkanfragen als cURL-Befehle für Windows cmd.exe werden jetzt Klammern und Backticks mit Caret-Zeichen maskiert. So werden Syntaxfehler bei Befehlen verhindert, wenn sie in alternative Shells eingefügt werden.
  • Synchronisierung von Cursorn für binäre Nutzlasten: Auf dem Tab Nutzlast werden Ihre Scroll- und Cursorpositionen beibehalten, wenn Sie zwischen den Ansichten „Hex“, „Base64“ und „UTF-8“ wechseln.
Wenn Sie mit der rechten Maustaste auf eine Netzwerkanfrage klicken und „Bearbeiten und als Abruf senden“ auswählen, wird das Konsolenfeld automatisch fokussiert und der Abrufausdruck ist bereits eingefügt und kann bearbeitet werden.
Wenn Sie mit der rechten Maustaste auf eine Netzwerkanfrage klicken und „Bearbeiten und als Abruf neu senden“ auswählen, wird das Console-Panel automatisch fokussiert. Der Abrufausdruck ist bereits eingefügt und kann bearbeitet werden.

Chromium-Probleme: 40726969, 513843792, 513836026, 407750982

Arbeitsspeicher: Heap-Snapshot-Kantenfilterung, Sortierung nach Größe und Objektabfrage

Das Arbeitsspeicher-Panel bietet detailliertere Tools zur Analyse von Heap-Snapshots:

  • Sortieren und Filtern von Kanten: Sie können Kanten in Heap-Snapshots jetzt nach einer minimalen beibehaltenen Größe filtern und primitive Werte (null, undefined, true, false) herausfiltern, um sich auf aussagekräftige Objektverweise zu konzentrieren. Kanten können nach beibehaltener Größe, Größe der Quelle oder Name sortiert werden.
  • Direkte Objektanfragen: DevTools unterstützt das direkte Abfragen von Heap-Snapshot-Objekten nach Schwellenwert für die beibehaltene Größe oder nach Property-Name, wodurch die Untersuchung von Speicherlecks vereinfacht wird.
  • Analyse der Kontextbeibehaltung: Heap-Snapshots können den aggregierten Speicher berechnen und melden, der speziell durch V8-Ausführungskontexte aktiv gehalten wird.
  • Robustes Parsen von Snapshots: Bei ungültigen oder beschädigten Heap-Snapshot-Dateien werden jetzt klare Fehlermeldungen angezeigt, anstatt dass das Parsen hängen bleibt.

Chromium-Probleme: 497855658

Verbesserungen bei den Bedienungshilfen

Chrome 153 und Chrome 154 enthalten die folgenden Verbesserungen der Bedienungshilfen:

  • Elemente: VoiceOver für macOS gibt jetzt Statusänderungen („erweitert“ und „minimiert“) über einen höflichen Live-Bereich bekannt, wenn Nutzer durch DOM-Baumelemente navigieren. (Chromium-Problem: 540028208)
  • Probleme: Doppelte Screenreader-Ansagen im Zähler Probleme wurden behoben. Es wird eine einzelne übersichtliche Zusammenfassung vorgelesen und die richtige Semantik für Nicht-Schaltflächen im Bereich Probleme angewendet. (Chromium-Problem: 536977880)
  • Elemente: Interaktive Elemente (Quellcode ansehen, Startstil, Scroll-Snap und Einblenden) sind vollständig fokussierbar und können über die Tastatur aktiviert werden. (Chromium-Problem: 554057179)
  • Live-Regionen: Die AccessibilityAnnouncementRecordingView wurde hinzugefügt, um Live-Ankündigungen und ariaNotify-Anrufe aufzuzeichnen und zu debuggen. (Chromium-Problem: 527462118)

Chromium-Probleme: 540028208, 536977880, 554057179, 527462118