Neu in den DevTools (Chrome 147)

Matthias Rohmer

Veröffentlicht am 7. April 2026

In Chrome 147 wird die automatische Kontextauswahl für KI-Unterstützung eingeführt, Codevorschläge werden zu vollständiger Codevervollständigung erweitert, die Symbolleiste für den Gerätemodus wird modernisiert, komprimierte Netzwerk-Bodies werden automatisch dekodiert und es gibt mehrere weitere Verbesserungen.

Automatische Kontextauswahl bei KI-Unterstützung

Der aktualisierte Startbildschirm des Bereichs für KI-Unterstützung.

Eine der am häufigsten gewünschten Funktionen für die KI-Unterstützung war die Möglichkeit, offene Fragen zu stellen. Mit einem neuen Agenten zur Kontextauswahl können Sie jetzt Fragen stellen, ohne vorher einen Kontext auszuwählen, z. B.:

  • „What are the slowest network requests on this page?“ (Was sind die langsamsten Netzwerkanfragen auf dieser Seite?) Bisher war das nicht möglich, da Sie eine bestimmte Netzwerkanfrage auswählen mussten.
  • „Welche Leistungsprobleme gibt es auf der Seite?“ Die Entwicklertools zeichnen jetzt automatisch einen Trace mit den ausgewählten Einstellungen auf, um diese Frage zu beantworten.
  • „Wie verwende ich den Animationsbereich?“ oder „Wo finde ich die Einstellung für hohen Kontrast in den Entwicklertools?“, um direkte Hilfe zu den Entwicklertools selbst zu erhalten.

Im Rahmen dieser Änderung kann die KI-Unterstützung jetzt auch automatisch den Kontext wechseln. Der Kontext wird basierend auf Ihren Aktionen intelligent aktualisiert, wenn der Chat leer ist. Ihre manuellen Auswahlen werden jedoch berücksichtigt, sobald eine Unterhaltung begonnen hat.

Entwicklertools für KI-Agenten

Der Chrome-Entwicklertools-MCP-Server und die Befehlszeile wurden auf Version 0.21.0 aktualisiert. Das bringt erhebliche Verbesserungen für Workflows mit mehreren Agents, neue Prüffunktionen über Lighthouse und erweiterte Skills.

Seit dem letzten Update wurden folgende wichtige Funktionen hinzugefügt:

  • 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.
  • Skill zur Erkennung von Speicherlecks: Es wurde ein neuer Skill zum Erkennen von Speicherlecks mit dem Tool take_memory_snapshot hinzugefügt.
  • Verbesserungen bei der Bedienungshilfe: Die Debugging-Funktion für Bedienungshilfen wurde optimiert, um Lighthouse besser zu nutzen und eine robustere Ausgabe zu ermöglichen.
  • Allgemeine Kenntnisse zur Nutzung:Spezielle Kenntnisse zur Verwendung des Chrome-Entwicklertools-MCP-Servers oder der CLI sowie zur Fehlerbehebung bei Installationen helfen Ihrem Agenten, die Entwicklertools für Agents optimal zu nutzen.
  • Unterstützung von Multi-Agenten-Workflows:Durch die Einführung von pageId-Routing können mehrere Agents gleichzeitig bestimmte Browserseiten ansteuern und mit ihnen interagieren.

Wenn Sie diese Funktionen nutzen möchten, sehen Sie sich das GitHub-Repository mit detaillierten Versionshinweisen an.

Codegenerierung

In Chrome 142 haben wir Codevorschläge von Gemini in den Bereichen „Konsole“ und „Quellen“ eingeführt. In Chrome 147 wird diese Funktion auf die vollständige Codegenerierung erweitert.

Um Code zu generieren, geben Sie einen Kommentar in natürlicher Sprache ein, der die benötigte Logik beschreibt (z. B. // Loop to check all img elements for valid alt attributes), und drücken Sie Cmd + i (Mac) oder Ctrl + i (Windows/Linux), um die Generierung zu starten. Das i in der Tastenkombination ist in Kleinbuchstaben.

Überarbeitete Symbolleiste für den Gerätemodus

Die Symbolleiste Gerätemodus wurde modernisiert, um eine einheitlichere und optimierte Nutzererfahrung zu bieten:

  • Standardisierte Steuerelemente: Für die Geräteauswahl, die Zoomstufen und das Geräte-Pixelverhältnis (Device Pixel Ratio, DPR) werden jetzt standardmäßige DevTools-UI-Komponenten verwendet, was die Nutzerfreundlichkeit verbessert.
  • Optimierter Zoom: Das Zoommenü ist jetzt übersichtlicher. Die Option „An Fenster anpassen“ ist direkt in die Prozentliste integriert. „Zoom automatisch anpassen“ wurde in einen eigenen Symbolleistenbutton verschoben.
  • Unterstützung für die Ausrichtungssperre: Die Entwicklertools verarbeiten jetzt die screen.orientation.lock() API in der Geräteemulation. Wenn eine Seite die Ausrichtung sperrt, wird das emulierte Gerät automatisch an die gesperrte Ausrichtung angepasst. Die Schaltfläche zum manuellen Drehen ist deaktiviert, solange die Sperre aktiv ist.

Chromium-Probleme: 40807290

Decodierte komprimierte Bodys

Die Diagnose von Problemen mit komprimierten Ressourcen ist jetzt viel einfacher. Bisher wurden in der Ansicht Nutzlast im Bereich Netzwerk bei HTTP-Anfragen mit Content-Encoding: gzip oder deflate anstelle des decodierten Inhalts verstümmelte Binärdaten angezeigt.

In Chrome 147 werden diese komprimierten Bodys automatisch von den DevTools decodiert und der lesbare Inhalt wird direkt unter Nutzlast angezeigt.

Außerdem enthält die Anfrageliste jetzt Informationen zur Übertragungsgröße, die ein klareres Bild der Datenübertragung über das Netzwerk liefern. Diese Details werden auch vom KI-Assistenten verwendet, um Anfragen besser auszuwählen.

Chromium-Probleme: 356158096

Filter für reguläre Ausdrücke für Stile

Der neue Filter für reguläre Ausdrücke im Bereich „Stile“.

Sie können jetzt reguläre Ausdrücke in den Filterleisten für die Bereiche Stile, Berechnet und Eigenschaften verwenden. Klicken Sie auf die neue Ein/Aus-Schaltfläche für reguläre Ausdrücke (.*), um sie zu aktivieren. Geben Sie dann beispielsweise padding|border ein, um alle padding- und border-Properties hervorzuheben.

Chromium-Problem: 40706727

Verbesserungen beim spekulativen Laden

Das Debugging von Preloading ist mit den neuen Funktionen im Bereich Anwendung > Spekulative Ladevorgänge robuster:

  • Textfilterung: Sie können die Liste der Regeln und Versuche jetzt mit Freitext oder Schlüsselwortfiltern (z. B. url:, action:, status:) filtern. Dabei wird die UND-Logik zwischen mehreren Begriffen unterstützt.
  • Schaltfläche „Löschen“: Mit der neuen Schaltfläche „Löschen“ können Sie das Modell für das Preloading zurücksetzen und die angezeigten Regeln und Versuche löschen.
  • HTTP-Statuscodes: Bei fehlgeschlagenen Prefetch-Vorgängen wird in den DevTools jetzt sowohl in der Statusspalte als auch im Detailbereich der tatsächliche HTTP-Statuscode (z.B. 404) anstelle einer allgemeinen Fehlermeldung angezeigt.

Chromium-Probleme: 479524246, 40926909

Sonstige

Hier sind einige wichtige Fehlerkorrekturen und Funktionen in diesem Release:

  • Konsole: Wenn alle Inline-Stapelframes eines Fehlers auf der Ignorierliste stehen, der Aufrufstack aber nicht ignorierte Frames enthält, wird jetzt ein Schalter angezeigt, mit dem Sie sich auf den relevanten Code konzentrieren und gleichzeitig störende Bibliotheks-Traces ausblenden können (379788109).
  • Leistung: Der Status der Seitenleiste (offen/geschlossen) wird jetzt beibehalten. Wenn Sie die Seitenleiste schließen, bleibt sie auch bei nachfolgenden Aufnahmen geschlossen (437340219).
  • Einstellungen: Wenn Sie bestimmte experimentelle Einstellungen aktivieren oder deaktivieren, werden Sie in DevTools jetzt über eine Infoleiste aufgefordert, den Browser neu zu starten.
  • Objektprüfung: Mit der neuen Kontextmenüoption „Alle anzeigen“ in Objektansichten können Sie die Sichtbarkeit von Nullish-Eigenschaften (null oder undefined) umschalten (41187256).
  • Elemente: Das Adornment „Anzeige“ ist nicht mehr auf iFrames beschränkt und kann jetzt für beliebige Elemente angezeigt werden, die vom Backend als anzeigenbezogen gekennzeichnet sind (485493202).
  • Anweisungsknoten: Processing Instruction-Knoten (wie <?xml-stylesheet ... ?>) sind jetzt im DOM-Baum sichtbar und bearbeitbar (484891675).

Bedienungshilfen

Diese Version enthält mehrere Verbesserungen der Barrierefreiheit:

  • Leistung: Die Schaltfläche „Hilfe“ für den Titel auf den Leistungsmesswertkarten ist jetzt immer sichtbar und kann über die Tastatur aufgerufen werden. Bisher wurde sie nur angezeigt, wenn der Mauszeiger darauf bewegt wurde (487613506).
  • Quellen: Event-Listener-Haltepunkte können jetzt mit der Leertaste aktiviert oder deaktiviert werden (478890182).
  • Einstellungen: Mit den Tasten „Home“ und „Ende“ kann jetzt zum ersten und letzten Element der Liste mit Tastenkombinationen navigiert werden (481747256).
  • Lighthouse: Verbesserte Screenreader-Ankündigungen für Kontrollkästchen in Kategoriegruppen (477643909).