Neu in den DevTools (Chrome 147)

Matthias Rohmer

Veröffentlicht am 7. April 2026

In Chrome 147 wird die automatische Kontextauswahl für die KI-Unterstützung eingeführt, die Codevorschläge werden zu vollständigen Codevorschlägen erweitert, die Symbolleiste des Gerätemodus wird modernisiert und komprimierte Netzwerk-Bodies werden automatisch decodiert. Außerdem gibt es mehrere weitere Verbesserungen.

Automatische Kontextauswahl in der 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 für die Kontextauswahl können Sie jetzt Fragen stellen, ohne vorher einen Kontext auszuwählen, z. B.:

  • „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 eine Trace-Aufzeichnung mit den ausgewählten Einstellungen auf, um diese Frage zu beantworten.
  • „Wie verwende ich den Bereich „Animation“?“ 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 intelligent anhand Ihrer Aktionen aktualisiert, wenn der Chat leer ist. Ihre manuellen Auswahlen werden jedoch berücksichtigt, sobald eine Unterhaltung begonnen hat.

Entwicklertools für Agenten

Der Chrome-Entwicklertools-MCP-Server und die CLI wurden auf Version 0.21.0 aktualisiert. Dadurch ergeben sich erhebliche Verbesserungen für Multi-Agent-Workflows, neue Prüffunktionen über Lighthouse und eine erweiterte Reihe von Fähigkeiten.

Wichtige Funktionen, die seit dem letzten Update hinzugekommen sind:

  • Integrierte Lighthouse-Prüfungen:Sie können Lighthouse-Prüfungen jetzt direkt über MCP ausführen und so automatisierte Leistungs- und Qualitätsprüfungen in Ihren Agenten-Workflows durchführen.
  • Fähigkeit zur Erkennung von Speicherlecks: Es wurde eine neue Fähigkeit zum Erkennen von Speicher lecks mit dem take_memory_snapshot Tool hinzugefügt.
  • Verbesserungen der Bedienungshilfen:Die Fähigkeit zum Debuggen der Bedienungshilfen wurde verbessert, um Lighthouse besser zu nutzen und eine robustere Ausgabe zu liefern.
  • Allgemeine Nutzungsfähigkeiten:Spezielle Fähigkeiten zur Verwendung des Chrome-Entwicklertools-MCP-Servers oder der CLI und zur Fehlerbehebung bei Installationen helfen Ihrem Agenten, die Entwicklertools für Agenten optimal zu nutzen.
  • Unterstützung für Multi-Agent-Workflows:Durch die Einführung des pageId-Routings können mehrere Agenten parallel bestimmte Browserseiten gezielt ansprechen und mit ihnen interagieren.

Informationen zur Verwendung dieser Funktionen finden Sie im GitHub-Repository mit detaillierten Versionshinweisen.

Codegenerierung

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

Wenn Sie Code generieren möchten, geben Sie einen Kommentar in natürlicher Sprache ein, der die gewünschte 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.

Aktualisierte Symbolleiste des Gerätemodus

Die Symbolleiste des 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-Pixel verhältnis (Device Pixel Ratio, DPR) werden jetzt standardmäßige UI-Komponenten der Entwicklertools verwendet, was die Nutzerfreundlichkeit verbessert.
  • Optimierter Zoom: Das Zoommenü ist jetzt übersichtlicher. Die Option „An Fenster anpassen“ ist direkt in die Liste der Prozentsätze integriert. „Zoom automatisch anpassen“ wurde in eine eigene Symbolleistenschaltfläche 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 Bodies

Die Diagnose von Problemen mit komprimierten Ressourcen ist jetzt viel einfacher. Wenn bei einer HTTP-Anfrage Content-Encoding: gzip oder deflate verwendet wurde, wurden in der Ansicht Nutzlast im Bereich Netzwerk bisher unleserliche Binärdaten anstelle des decodierten Inhalts angezeigt.

In Chrome 147 decodieren die Entwicklertools diese komprimierten Bodies automatisch und zeigen den lesbaren Inhalt direkt unter Nutzlast an.

Außerdem enthält die Anfrageliste jetzt Informationen zur Übertragungsgröße, die ein klareres Bild der Datennutzung über das Netzwerk vermitteln. Diese Informationen 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 Schaltfläche „Regulärer Ausdruck“ (.*), um sie zu aktivieren. Geben Sie dann beispielsweise padding|border ein, um alle padding und border Eigenschaften hervorzuheben.

Chromium-Problem: 40706727

Verbesserungen bei spekulativen Ladevorgängen

Das Debuggen 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üssel-Wert-Filtern filtern (z. B. url:, action:, status:). Dabei wird die UND-Logik zwischen mehreren Begriffen unterstützt.
  • Schaltfläche „Löschen“: Mit einer neuen Schaltfläche „Löschen“ können Sie das Preloading Modell zurücksetzen und die angezeigten Regeln und Versuche löschen.
  • HTTP-Statuscodes: Bei fehlgeschlagenen Prefetches zeigen die Entwicklertools jetzt den tatsächlichen HTTP-Statuscode (z.B. 404) sowohl in der Statusspalte als auch im Detailbereich an, anstelle einer allgemeinen Fehlermeldung.

Chromium-Probleme: 479524246, 40926909

Sonstige

Im Folgenden sind einige bemerkenswerte Korrekturen und Funktionen in diesem Release aufgeführt:

  • Konsole: Wenn alle Inline-Stack-Frames eines Fehlers auf der Ignorierliste stehen der Aufruf-Stack aber nicht ignorierte Frames enthält, wird jetzt eine Schaltfläche angezeigt, mit der Sie sich auf den Code konzentrieren können, bei dem Maßnahmen erforderlich sind, und gleichzeitig störende Bibliotheks-Traces ausblenden können (379788109).
  • Leistung: Der Status der Seitenleiste (geöffnet/geschlossen) wird jetzt beibehalten. Wenn Sie die Seitenleiste schließen, bleibt sie auch bei nachfolgenden Aufzeichnungen geschlossen (437340219).
  • Einstellungen: Die Entwicklertools können Sie jetzt über eine Infoleiste auffordern, den Browser neu zu starten, wenn Sie bestimmte experimentelle Einstellungen aktivieren oder deaktivieren.
  • Objektprüfung: Mit der neuen Kontextmenüoption „Alle anzeigen“ in den Objektansichten können Sie die Sichtbarkeit von Null-Werten (null oder undefined) umschalten (41187256).
  • Elemente: Das Adorner „Anzeige“ ist nicht mehr auf iFrames beschränkt und kann jetzt für beliebige Elemente angezeigt werden, die vom Backend als anzeigenbezogen gekennzeichnet wurden (485493202).
  • Anweisungsknoten: Anweisungsknoten (z. B. <?xml-stylesheet ... ?>) sind jetzt im DOM-Baum sichtbar und bearbeitbar (484891675)

Bedienungshilfen

Dieses Release enthält mehrere Verbesserungen der Bedienungshilfen:

  • Leistung: Die Hilfeschaltfläche für den Titel auf den Infokarten für Leistungsmesswerte ist jetzt immer sichtbar und über die Tastatur zugänglich, anstatt nur beim Hovern angezeigt zu werden (487613506).
  • Quellen: Breakpoints für Ereignis-Listener können jetzt aktiviert oder deaktiviert werden mit der Leertaste (478890182).
  • Einstellungen: Mit den Tasten „Pos1“ und „Ende“ können Sie jetzt zum ersten und letzten Element der Liste der Tastenkombinationen navigieren (481747256).
  • Lighthouse: Verbesserte Screenreader-Ankündigungen für die Kategoriegruppen Checkboxen (477643909).