Veröffentlicht am 10. März 2026
Chrome 146 bietet eine verbesserte Unterstützung für Adopted Style Sheets im Bereich „Elemente“, eine deutlich verbesserte Navigation im Konsolenverlauf und einen optimierten Workflow für das Debugging von Datenschutz, zusammen mit verschiedenen anderen kleinen Korrekturen und Updates.
Updates für den MCP-Server der Entwicklertools
Der DevTools-MCP-Server hat jetzt die Version 0.19.0. Er bietet leistungsstarke neue Tools, Effizienzverbesserungen und spezielle Debugging-Funktionen:
- Integrierte Lighthouse-Prüfungen:Sie können jetzt Lighthouse-Prüfungen direkt über MCP ausführen und so automatisierte Leistungs- und Qualitätsprüfungen in Ihren Agent-Workflows durchführen.
- Kompaktmodus:Ein neuer
--slim-Modus ist jetzt verfügbar. Er wurde entwickelt, um Toolbeschreibungen und Parameter für maximale Token-Einsparungen zu optimieren. - Neue Debugging-Fähigkeiten:Es wurden spezielle Fähigkeiten für das Prüfen und Debuggen der Barrierefreiheit sowie für das Debuggen und Optimieren von Largest Contentful Paint (LCP) hinzugefügt.
- Erweiterte Tools und Funktionen:Der Server unterstützt jetzt speicherisolierte Browserkontexte, experimentelle Screencast-Aufzeichnungen, ein neues
take_memory_snapshot-Tool und erweiterte Interaktionsfunktionen wietype_text.
Eine vollständige Liste der Änderungen finden Sie im öffentlichen Changelog auf GitHub.
Console-Verlauf bearbeiten
Ein langjähriger Reibungspunkt in der Console wurde behoben. Bisher gingen Ihre Änderungen verloren, wenn Sie einen aus dem Verlauf abgerufenen Befehl bearbeitet und die Seite verlassen haben (durch Drücken der Auf- oder Abwärtstaste).
In Chrome 146 bleiben Ihre Änderungen in DevTools erhalten, wenn Sie durch den Befehlsverlauf navigieren. Sie können ein vorheriges Kommando ändern, nach einem anderen suchen und zu Ihrem Entwurf zurückkehren, ohne dass Ihre Arbeit verloren geht.
Dieser Beitrag wurde von der Community erstellt. Vielen Dank an @hjanuschka!
Chromium-Problem: 355108929
Verbesserte Unterstützung für übernommene Stylesheets
Das Debuggen von Webkomponenten und modernen CSS-Architekturen ist jetzt viel einfacher.
Übernommene Stylesheets sind nicht mehr verborgen, sondern werden jetzt im DOM-Baum im Bereich Elemente unter einem eigenen #adopted-style-sheets-Knoten gruppiert.
Sie können diese Tabellenblätter wie Standard-<style>-Tags untersuchen und ihre Regeln sogar direkt im Bereich Stile bearbeiten. Dadurch wird die Parität zwischen erstellten Stylesheets und deklarativen Stilen erreicht, was die Fehlersuche in Shadow DOM, Webkomponenten und gemeinsamen Designsystemen vereinfacht.
Chromium-Probleme: 476399197, 40802935
Unterstützung des dichten Rasterlayouts
Der Rastereditor im Bereich „Stile“ unterstützt jetzt den dense-Packalgorithmus. Wenn Sie grid-auto-flow bearbeiten, sehen Sie ein neues Kästchen für das Keyword dense. So können Sie direkt über die Benutzeroberfläche schnell zwischen dem Standard- und dem dichten Packmodus wechseln.
Dieser Beitrag wurde von der Community erstellt. Vielen Dank an @TheNourhan!
Chromium-Problem: 40791512
Optimierte Fehlersuche beim Datenschutz
Der bisherige Bereich Datenschutz und Sicherheit wurde in Sicherheit umbenannt und aufgeräumt, um die Benutzeroberfläche übersichtlicher zu gestalten und Debugging-Workflows zu konsolidieren. Alle datenschutzbezogenen Informationen, z. B. Probleme mit Drittanbieter-Cookies und die Prüfung auf potenzielle Fehler, werden jetzt direkt in der Konsole gemeldet.
Sie müssen also nicht mehr zwischen verschiedenen Bereichen wechseln, um Datenschutzprobleme zu diagnostizieren. Sie werden zusammen mit Ihren anderen Logs und Fehlern angezeigt, sodass Sie sofort den Kontext sehen.
Chromium-Problem: 473796598
Sonstige Highlights
- Quellen:Durch eine grundlegende Überarbeitung der Architektur von Stacktraces werden Probleme behoben, bei denen das späte Laden von Quellmaps dazu führte, dass die Benutzeroberfläche sprang oder unerwartet Dateien wechselte.
- Netzwerk:Im Initiator-Pop-up wird jetzt das verbesserte Stacktrace-System für zuverlässigere Anforderungsketten verwendet.
Ankündigungen zur Barrierefreiheit
Diese Version bietet die folgenden Verbesserungen in Bezug auf die Barrierefreiheit:
- Recorder:Screenreader geben jetzt an, wenn die Seitenleiste „Code anzeigen“ aktiviert oder deaktiviert wird.
- Anwendung:Die neuen Berichtstitel „Gemeinsamer Speicher“, „Vorwärts-/Rückwärtscache“ und „Maßnahmen zur Eindämmung von Bounce-Tracking“ werden jetzt korrekt als Überschriften angekündigt.
- Einstellungen:Die Unterstützung des Modus mit hohem Kontrast wurde für Verknüpfungselemente und Farbschaltflächen verbessert.
- Allgemein:Die Sichtbarkeit des Fokus wurde für verschiedene UI-Elemente verbessert, darunter das CSS-Übersichtsfeld und Media Player-Einträge.