Neue Funktionen in den Entwicklertools, Chrome 126

Sofia Emelianova
Sofia Emelianova
GitHub

Verbesserungen am Bereich „Leistung“

Diese Version enthält mehrere Verbesserungen am Bereich Leistung.

Tracks mit dem aktualisierten Konfigurationsmodus für Tracks verschieben und ausblenden

Sie können jetzt den Modus für die Titelkonfiguration aufrufen, indem Sie mit der rechten Maustaste auf den Titelnamen klicken und Titel konfigurieren auswählen. Die Schaltfläche „Bearbeiten“, für die zusätzlicher Platz erforderlich war, wurde entfernt.

Vorher und nachher: Die Schaltfläche „Bearbeiten“ wurde durch eine Menüoption ersetzt.

Im Modus „Titelkonfiguration“ können Sie die Reihenfolge der Titel ändern und sie ausblenden. Klicke auf (aufwärts) oder (abwärts), um den Titel zu verschieben, oder auf (ausblenden), um ihn auszublenden. Wenn Sie den Konfigurationsmodus beenden möchten, klicken Sie unten auf Konfiguration der Tracks abschließen. Diese Konfiguration bleibt für neue Protokolle erhalten, jedoch nicht für die nächsten DevTools-Sitzungen.

Chromium-Problem: 336266699.

Scripts im Flammendiagramm ignorieren

Das Flammendiagramm im Haupt-Track unterstützt jetzt Ignorierlisten. Sie können jetzt mit der rechten Maustaste auf ein Script im Diagramm klicken und Script zur Ignorierliste hinzufügen auswählen.

Die Menüoption zum Hinzufügen des Scripts zur Ignorierliste, als ignoriert gekennzeichnete Scripts und die entsprechenden Regeln in den Einstellungen.

Ignorierte Scripts werden im Diagramm minimiert, als In Ignorierliste gekennzeichnet und den Benutzerdefinierten Ausschlussregeln in den Einstellungen > Ignorierliste hinzugefügt. Ignorierte Scripts werden gespeichert, bis Sie sie entweder aus dem Trace oder aus den benutzerdefinierten Ausschlussregeln entfernen.

Chromium-Problem: 336266714.

CPU um das 20-fache drosseln

Im Menü CPU-Throttling in den Aufnahmeeinstellungen im Bereich Leistung gibt es jetzt die Option 20-fache Verlangsamung. So können Sie jetzt realistische Leistungsprobleme auch auf High-End-Computern genauer reproduzieren und analysieren.

Vorher und nachher: Die Option „20-facher Zeitlupeneffekt“ wurde den Aufnahmeeinstellungen hinzugefügt.

Chromium-Problem: 324978881.

Bereich „Leistungsstatistiken“ wird eingestellt

Der experimentelle Bereich Leistungsstatistiken wird 2024 eingestellt. Das DevTools-Team arbeitet daran, die nützlichsten Funktionen in den Bereich Leistung zu integrieren. Im Bereich Leistungsstatistiken wird jetzt oben ein Banner angezeigt, das Sie über die bevorstehende Einstellung informiert.

Das Warnbanner zur Einstellung im Bereich „Leistungsstatistiken“

Weitere Informationen finden Sie unter Leistungstools ab 2024.

Wenn du Feedback dazu hast, was gut funktioniert, was nicht und was deiner Meinung nach verbessert werden kann, melde dich gern bei uns.

Vollständige Header-Strings einfügen, um sie zu überschreiben

Wenn Sie Header überschreiben, können Sie jetzt einen ganzen Header-String (HEADER_NAME: VALUE) einfügen. Die DevTools teilen den String dann bei : in einen Headernamen und seinen Wert auf.

Im folgenden Video wird dies veranschaulicht.

Beim Bearbeiten von Überschriften werden Sie im Bereich Netzwerk jetzt gewarnt, wenn Sie andere Zeichen als alphanumerische Zeichen, Bindestriche und Unterstriche eingegeben haben.

Die Warnung neben einem Headernamen mit nicht unterstützten Zeichen.

Außerdem sind die Menüoptionen „Überschreiben“ und die Schaltfläche Bearbeiten für chrome://-URLs deaktiviert. Das ist das beabsichtigte Verhalten.

Chromium-Probleme: 330967147, 337012362, 328210785.

Mit neuen Filtern in Heap-Snapshots übermäßige Arbeitsspeichernutzung ermitteln

Für Heap-Snapshots im Bereich Speicher gibt es neue Filter, mit denen Sie häufige Fälle ineffizienter Speichernutzung finden können, z. B. duplizierte Strings, Objekte, die von losgelösten DOM-Knoten und der Console der Entwicklertools aufbewahrt werden.

Die Filteroptionen „Vorher“ und „Nachher“ für häufige Fälle ineffizienter Speichernutzung

Chromium-Problem: 337094903.

Speicher-Buckets unter „Anwendung“ > „Speicher“ prüfen

Sie können Speicher-Buckets jetzt in einem speziellen Baum im Bereich Anwendung > Speicher prüfen. Dieser Baum, der zuvor als experimentell gekennzeichnet war, ist jetzt standardmäßig aktiviert.

Der Storage-Buckets-Baum im Bereich „Speicher“ vor und nach der Aktivierung

Chromium-Problem: 338094915.

Warnungen zu Self-XSS mit einem Befehlszeilen-Flag deaktivieren

Wenn Sie die Chrome-Nutzung automatisieren oder die Entwicklertools zur Fehlerbehebung über die Befehlszeile öffnen, sollten Sie die Warnung vor Self-XSS deaktivieren, die in jeder neuen DevTools-Sitzung angezeigt wird.

Das Warndialogfeld für Self-XSS in der Console.

Sie können dieses Dialogfeld jetzt deaktivieren, indem Sie Chrome das --unsafely-disable-devtools-self-xss-warnings-Befehlszeilenflag übergeben.

Chromium-Problem: 41491762.

Lighthouse 12.0.0

Im Bereich Lighthouse wird jetzt Lighthouse 12.0.0 ausgeführt.

Dieses Update bringt eine Reihe von Änderungen mit sich, darunter die Entfernung der PWA-Kategorie, die Neuorganisation der SEO-Kategorie, die Einstellung der Gesamteinsparungen sowie neue Prüfungen und Änderungen an Prüfungen. Vollständige Liste der Änderungen

Informationen zu den Grundlagen der Verwendung des Lighthouse-Steuerfelds in den DevTools finden Sie unter Lighthouse: Websitegeschwindigkeit optimieren.

Chromium-Problem: 772558

Sonstige Highlights

Hier sind einige wichtige Fehlerkorrekturen und Verbesserungen in dieser Version:

  • Leistung:
    • Die Einstellungen für die langsame Erfassung (Erweiterte Paint-Instrumentierung aktivieren und CSS-Selektorstatistiken aktivieren) werden jetzt in der nächsten DevTools-Sitzung automatisch gelöscht.
    • Der Tab Auswahlstatistiken wird jetzt nicht mehr automatisch nach unten gescrollt, wenn Sie das Flammendiagramm heranzoomen und die Daten sich ändern (337999939).
  • Konsole: Die Tastenkombination Strg + ` schließt die Konsole in der Seitenleiste nur noch, wenn sie den Fokus hat (40875466, 328210785).
  • Autofill: Das Parsen von Adressen wurde behoben (335409093, 335409707).
  • Barrierefreiheit: Ansagen von Screenreadern für lokalisierte Strings wurden korrigiert (324930007).

Vorschaukanäle herunterladen

Verwenden Sie als Standard-Entwicklungsbrowser Chrome Canary, Chrome Dev oder Chrome Beta. Diese Vorabversionen bieten Ihnen Zugriff auf die neuesten DevTools-Funktionen, ermöglichen es Ihnen, innovative Webplattform-APIs zu testen, und helfen Ihnen, Probleme auf Ihrer Website zu finden, bevor Ihre Nutzer sie bemerken.

Chrome-Entwicklertools-Team kontaktieren

Mit den folgenden Optionen können Sie über neue Funktionen, Updates oder andere Themen im Zusammenhang mit den DevTools sprechen.

Neu in den DevTools

Eine Liste aller Themen, die in der Reihe Was ist neu in den DevTools? behandelt wurden.