Neu in den Entwicklertools – November 2026

Matthias Rohmer

Veröffentlicht: 20. Oktober 2026

Chrome 155 und Chrome 156 wurden im Oktober als stabile Versionen veröffentlicht und bieten im November eine Reihe neuer Debugging- und Erstellungsfunktionen für Ihren Browser: CSS-Stilprüfung in den Entwicklertools für Agenten, einen interaktiven position-area-Editor für die CSS-Ankerpositionierung in Elemente sowie Web Install-Manifest- und Anzeigenherkunftsdiagnose in Anwendung. Außerdem können Sie im Bereich Arbeitsspeicher nicht mehr verwendete Kontextvariablen erkennen, im Bereich Netzwerk Warnungen zum Vorabladen von Early Hints und dauerhafte Überschreibungen prüfen und im Bereich Leistung reibungsloser durch Zeitachsen navigieren.

Auswahl von Anker-Rasterbereichen im visuellen Positionsbereichseditor im Bereich „Elemente“ auf dem Tab „Stile“ neben dem Overlay für die Ankerpositionierung.
Auswahl von Anker-Rasterbereichen im visuellen Editor für den Positionsbereich im Bereich „Elemente“ auf dem Tab „Stile“ neben dem Overlay für die Ankerpositionierung.

Entwicklertools für KI-Agenten

Der MCP-Server für die Chrome-Entwicklertools bietet jetzt CSS-Stilprüfung, Unterstützung für Konfigurationsdateien und Chunk-Trace-Parsing für Coding-Agents:

  • CSS-Stilprüfung: Mit dem get_css_styles-Tool können Sie berechnete und übereinstimmende Stile prüfen. Es unterstützt die Paginierung (pageSize und pageIdx) und formatiert übereinstimmende Regeln, übernommene Regeln, Pseudoelemente, @keyframes- und @-Regeln (@position-try, @property und @function).
  • Konfigurationsdatei und Pfadsteuerung: Verwalten Sie Server-Flags mit einer dedizierten Konfigurationsdatei, konfigurieren Sie benutzerdefinierte Dateisystem-Roots und verwenden Sie standardmäßig --allow-unrestricted-paths in der Befehlszeile.
  • Trace-Puffer in Blöcken parsen: Große Leistungsaufzeichnungen können mit einem Trace-Puffer-Parser, der Blöcke verarbeitet, und einem standardmäßigen Trace-Puffer von 1,2 GB geparst werden. In den Entwicklertools werden Trace-Engine-Instanzen außerdem pro Parsing-Vorgang beschränkt, um Speicherlecks zu vermeiden.
  • Dialogverarbeitung und Konsolenpersistenz: JavaScript-Dialoge, die während der Aktionen der Input Tools ausgelöst werden, werden automatisch verarbeitet. Der Nachrichtenverlauf der Konsole wird bei der Navigation innerhalb desselben Dokuments beibehalten.
  • Menüaktualisierung: Klicken Sie im Hauptmenü der Entwicklertools auf Chrome-Entwicklertools für KI-Agenten herunterladen, um die Einrichtungsanleitung zu öffnen.

Weitere Informationen finden Sie im chrome-devtools-mcp-Repository.

Elemente: Visueller Editor für „position-area“, implizite Ankerauswahl und Updates für die CSS-Erstellung

Im Bereich Elemente werden visuelle Tools für die CSS-Ankerpositionierung eingeführt und die CSS-Prüfung wird erweitert:

  • Visueller position-area-Editor: Klicken Sie auf dem Tab Stile auf das Inline-Farbfeld neben einer position-area-Deklaration, um Anker-Rasterbereiche visuell auszuwählen, Achsen gleichzeitig oder einzeln zu konfigurieren, das Keyword self ein- oder auszuschalten und Keywords ohne Achse zu kürzen.
  • Implizite Ankerauswahl bei Popover-Adornern: Klicken Sie mit der rechten Maustaste auf einen Popover-Adorner im DOM-Baum, wenn ein Element mehrere implizite Anker hat, um ein beliebiges zugehöriges Ankerelement zu prüfen und dorthin zu springen.
  • Box-Overlay für die Ankerpositionierung: Beim Debuggen von Elementen mit Ankerpositionierung können Sie die Boxen für Rand, Innenabstand, Rahmen und Inhalt des durch Insets geänderten Containerblocks (IMCB) direkt im Darstellungsbereich-Overlay prüfen.
  • wrap-reverse im Flexbox-Editor: Sie können flex-wrap: wrap-reverse direkt im visuellen Flexbox-Editor auf dem Tab Stile aktivieren oder deaktivieren.
  • Inaktive CSS-Stile für @starting-style und übernommene Regeln: Prüfen Sie inaktive @starting-style-Regeln und Inherited from-Abschnitte, wobei manuell maximierte und minimierte Zustände bei Aktualisierungen beibehalten werden.
  • Benutzerdefinierte Eigenschaften mit mehreren Bindestrichen und automatische Vervollständigung von Klassen: Sie können benutzerdefinierte CSS-Eigenschaften prüfen und bearbeiten, die mit drei oder mehr Bindestrichen beginnen (z. B. ---theme-color), und bereits angewendete Klassen aus den Vorschlägen für die automatische Vervollständigung von Neue Klasse hinzufügen herausfiltern.
Auswahl eines impliziten Ankerelements aus dem Kontextmenü des Popover-Adorners im DOM-Baum des Bereichs „Elemente“.
Implizites Ankerelement aus dem Kontextmenü des Popover-Adorners im DOM-Baum des Bereichs „Elemente“ auswählen

Chromium-Probleme: 553335561, 438724570, 413061413, 397184392, 539424116, 533783988

Anwendung: Web-Installationsmanifest-Diagnose, Anzeigenherkunft und Aktualisierungen der Speichertabelle

In den Bereichen Anwendung und Probleme werden Diagnosen für Webinstallationsmanifeste, die Herkunft von Anzeigenscripts und die Speicherprüfung hinzugefügt:

  • Diagnose von Web-Installationsmanifesten: Im Bereich Probleme können Sie Fehler in Web-Installationsmanifesten (navigator.install und <install>) einsehen, darunter Abruffehler, Syntaxfehler, ungültige start_url-Werte, fehlende Namen oder IDs und fehlende Manifeste. Außerdem finden Sie dort direkte Links zur betroffenen Manifestdatei.
  • Dokumentation zur Spalte und zum Messwert „Anzeigenherkunft“: In der neuen Spalte Anzeigenherkunft im Bereich Anzeigen des Bereichs Anwendung können Sie sehen, ob ein Anzeigenscript mit einer übergeordneten Scriptkette oder einer Filterlistenregel übereinstimmt. Außerdem finden Sie dort Tooltips zur Dokumentation und Links zu Weitere Informationen zu Anzeigenmesswerten.
  • Ergonomie der IndexedDB- und Cookies-Tabelle: Sie können verschachtelte Objekte im IndexedDB-Datenraster mit dynamischen Zeilenhöhen maximieren, wobei Ihre Scrollposition beibehalten wird. Außerdem können Sie ausgewählte Zeilen in der Cookies-Tabelle über die Tastatur oder das Kontextmenü löschen.
Die Spalte „Anzeigenherkunft“ und die Kurzinfo zur Herkunft im Bereich „Anzeigen“ des Bereichs „Anwendung“ sowie ein Fehler im Webinstallationsmanifest im Bereich „Probleme“.
Im Bereich „Anzeigen“ des Bereichs „Anwendung“ werden die Spalte „Anzeigenherkunft“ und die Kurzinfo zur Herkunft sowie ein Fehler im Web-Installationsmanifest im Bereich „Probleme“ angezeigt.

Chromium-Probleme: 333795265, 553428200, 514957134, 555304817, 555304814, 562142155

Netzwerk: Early Hints-Preload-Warnungen und persistente Überschreibungen

Im Bereich Netzwerk wurden die Diagnose von Early Hints, lokale Überschreibungen und Workflows für benutzerdefinierte Header optimiert:

  • Warnung zum Vorabladen von Early Hints, wenn der Cache deaktiviert ist: Im Bereich Early Hints-Header wird eine Warnung angezeigt, wenn 103 Early Hints-Antworten Vorablade-Links enthalten, während Cache deaktivieren aktiv ist. Darin wird erklärt, warum Chrome diese Vorabladevorgänge ignoriert.
  • Dauerhafte lokale Überschreibungen und benutzerdefinierte Header-Spalten: Sie können lokale Überschreibungen des Antworttexts über Seitennavigationen hinweg bereitstellen, benutzerdefinierte Spaltenkonfigurationen für Anfrage- und Antwortheader sowie die Sortierreihenfolge über Aktualisierungen hinweg beibehalten und gekürzte Rohdaten von Anfragenutzlasten aus dem Kontextmenü kopieren.
Prüfen einer Early Hints-Vorabladewarnung auf dem Tab „Header“ im Netzwerkbereich mit aktivierter Option „Cache deaktivieren“ und einer aktiven lokalen Antwortüberschreibung.
Eine Early Hints-Preload-Warnung im Netzwerkbereich auf dem Tab „Header“ mit aktivierter Option „Cache deaktivieren“ und einer aktiven lokalen Antwortüberschreibung prüfen.

Chromium-Probleme: 548701038, 559925510, 563542902, 556269542, 377410082

Speicher: Erkennung von toten Kontextfeldern in Heap-Snapshots

Im Bereich Arbeitsspeicher werden jetzt nicht verwendete Closure-Variablen erkannt, die in V8-Ausführungskontexten beibehalten werden. Die DevTools parsen die in Heap-Snapshots eingebetteten V8-Bereichsmetadaten, um Closures mit freigegebenen Context-Objekten zu korrelieren. Anschließend werden tote Kontextfelder hervorgehoben, die von gleichrangigen langlebigen Closures aktiv gehalten werden, wenn keine aktive Closure auf sie zugreift. Die Sortierung erfolgt nach Speicherauswirkung.

Heap-Snapshot nach „Aufbewahrte Objekte nach Kontext“ im Bereich „Memory“ filtern, um eine tote Kontextvariable zu prüfen, die von einem freigegebenen V8-Ausführungskontext aufbewahrt wird.
Heap-Snapshot im Bereich „Memory“ nach „Aufbewahrte Objekte nach Kontext“ filtern, um eine nicht mehr verwendete Kontextvariable zu prüfen, die von einem freigegebenen V8-Ausführungskontext aufbewahrt wird.

Chromium-Probleme: 497855658

Leistung: Reibungslosere Navigation auf der Zeitachse und beibehaltener Aufrufbaumstatus

Das Steuerfeld Leistung bietet eine reaktionsschnellere Navigation im Flame-Diagramm und behält den Analysekontext über alle Steuerfelder hinweg bei:

  • Flüssigere Navigation auf der Zeitachse: Beim Zoomen, Schwenken und Ziehen der Minimap der Zeitachse kommt es nicht mehr zu Verzögerungen.
  • Aufrufstruktur und Bottom-up-Status beibehalten: Sie können zwischen den DevTools-Bereichen wechseln, ohne dass Ihre maximierten Knoten, Ihre Auswahl oder Ihre Scrollposition auf den Tabs Aufrufstruktur und Bottom-up verloren gehen.
Prüfen eines herangezoomten Zeitachsen-Minikartenbereichs und maximierter JavaScript-Aktivitätsknoten auf dem Tab „Aufrufstruktur“ im Bereich „Leistung“.
Prüfen eines herangezoomten Bereichs der Zeitachsen-Minikarte und maximierter JavaScript-Aktivitätsknoten auf dem Tab „Aufrufstruktur“ im Bereich „Leistung“.

Chromium-Probleme: 553831653, 561396590

Weitere Highlights

Chrome 155 und Chrome 156 enthalten außerdem die folgenden Verbesserungen in den Entwicklertools-Bereichen:

  • Sensoren: Sie können navigator.cpuPerformance direkt über die neue Einstellung CPU-Leistungsstufe im Bereich Sensoren überschreiben oder die aktiven Voreinstellungen für die CPU-Drosselung übernehmen. (Chromium-Probleme: 449760252, 526856234, 526857820)
  • Gerätemodus: Sie können Ihre Einstellungen für die Skalierung und die automatische Anpassung des Zooms pro emuliertem Gerät beibehalten und die Überschreibung von Save-Data beim Ein- und Ausblenden der Gerätesymbolleiste beibehalten. (Chromium-Probleme: 561306841, 555160483)
  • Farbauswahl: Sie können sich APCA-Kontrastfarbvorschläge für hellen Text auf dunklem Hintergrund ansehen und Farben außerhalb des Farbraums in oklab() und oklch() ohne NaN-Werte konvertieren. (Chromium-Probleme: 560325669, 558821258)
  • Bedienungshilfen: Aktive Filter für reguläre Ausdrücke werden mit einem nicht farbigen Indikatorpunkt gekennzeichnet. Screenreader lesen die Namen von Schriftarteigenschaften in der CSS-Übersicht vor. Außerdem gibt es verbesserte Tastaturfokusringe und eine bessere Sichtbarkeit im Modus mit hohem Kontrast in allen Bereichen. (Chromium-Probleme: 556764882, 555848535, 555599825, 553804654)
Überschreiben der CPU-Leistungsstufe im Bereich „Sensoren“ und Prüfen von Vorschlägen für das Kontrastverhältnis und von oklch-Werten in der Farbauswahl.
Überschreiben der CPU-Leistungsstufe im Bereich „Sensoren“ und Prüfen der Vorschläge für das Kontrastverhältnis und der oklch-Werte in der Farbauswahl.

Chromium-Probleme: 449760252, 526856234, 526857820, 561306841, 555160483, 560325669, 558821258, 556764882, 555848535, 555599825, 553804654