Neue Funktionen in den Entwicklertools, Chrome 126

Sofia Emelianova
Sofia Emelianova
GitHub

Verbesserungen im Bereich „Leistung“

In dieser Version wurden mehrere Verbesserungen im Bereich Leistung vorgenommen.

Tracks mit aktualisiertem Track-Konfigurationsmodus verschieben und ausblenden

Sie können jetzt in den Track-Konfigurationsmodus wechseln, indem Sie mit der rechten Maustaste auf den Track-Namen klicken und Tracks konfigurieren auswählen. Die Schaltfläche „Bearbeiten“, die zusätzlichen Platz benötigt hat, wurde entfernt.

Das Vorher- und Nachher-Ersetzen der Schaltfläche „Bearbeiten“ durch eine Menüoption.

Im Track-Konfigurationsmodus können Sie die Reihenfolge der Tracks ändern und sie ausblenden. Klicken Sie auf arrow_upward nach oben oder arrow_downward nach unten, um den Track zu verschieben, oder klicken Sie auf visibility_off zum Ausblenden. Klicken Sie unten auf Konfiguration von Tracks abschließen, um den Konfigurationsmodus zu beenden. Diese Konfiguration wird für neue Traces beibehalten, jedoch nicht für die nächsten Entwicklertools-Sitzungen.

Chromium-Problem: 336266699.

Skripts im Flame-Diagramm ignorieren

Im Flame-Diagramm im Main-Track werden Ignorieren-Listen unterstützt. Sie können jetzt mit der rechten Maustaste auf ein Skript im Diagramm klicken und Skript zur Ignorieren-Liste hinzufügen auswählen.

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

Im Diagramm werden ignorierte Skripts minimiert, als Auf Ignorierliste gekennzeichnet und in den Einstellungen unter Einstellungen den benutzerdefinierten Ausschlüssen hinzugefügt. Liste zu ignorierender Nutzer: Ignorierte Skripts werden gespeichert, bis Sie sie entweder aus dem Trace oder aus den benutzerdefinierten Ausschlüssen entfernen.

Chromium-Problem: 336266714.

CPU um das 20-Fache drosseln

Das Menü für die CPU-Drosselung unter Erfassungseinstellungen im Bereich Leistung enthält jetzt die neue Option 20-fache Verlangsamung. So können Sie reale Leistungsprobleme jetzt sogar auf High-End-Computern genauer reproduzieren und analysieren.

Vorher und nach dem Hinzufügen von „20x Slowdonw“ Option „Aufnahmeeinstellungen“ hinzu.

Chromium-Problem: 324978881.

Bereich „Leistungsstatistiken“ wird eingestellt

Der experimentelle Bereich Leistungsdaten wird 2024 eingestellt. Das Entwicklertools-Team arbeitet daran, die nützlichsten Funktionen in den Bereich Leistung zu integrieren. Im Bereich Leistungsstatistiken wird jetzt oben ein Banner mit Informationen zur anstehenden Einstellung angezeigt.

Warnbanner zur Einstellung unter „Leistungsstatistiken“ .

Weitere Informationen finden Sie unter Leistungstools ab 2024.

Wenn du uns Feedback dazu hast, was gut funktioniert, was nicht und was deiner Meinung nach verbessert werden könnte, freuen wir uns über Feedback.

Zum Überschreiben vollständige Header-Strings einfügen

Beim Überschreiben von Headern können Sie jetzt einen vollständigen Headerstring (HEADER_NAME: VALUE) einfügen. Die Entwicklertools teilen den String bei : in einen Headernamen und dessen Wert auf.

Im folgenden Video sehen Sie dies in Aktion.

Beim Bearbeiten von Headern wird im Bereich Netzwerk jetzt eine Warnung angezeigt, 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 das Überschreiben von Menüoptionen und die Schaltflächen Bearbeiten für chrome://-URLs deaktiviert, die dem beabsichtigten Verhalten entsprechen.

Chromium-Probleme: 330967147, 337012362, 328210785.

Übermäßige Arbeitsspeichernutzung mit neuen Filtern in Heap-Snapshots erkennen

Heap-Snapshots im Bereich Arbeitsspeicher erhalten neue Filter, mit denen Sie häufige Fälle ineffizienter Arbeitsspeichernutzung aufspüren können. Dazu gehören z. B. doppelte Strings, Objekte, die von getrennten DOM-Knoten aufbewahrt werden, und die Entwicklertools-Konsole.

Die Filteroptionen vor und nach dem Hinzufügen für häufige Fälle von ineffizienter Speichernutzung.

Chromium-Problem: 337094903.

Prüfen Sie Storage-Buckets unter „Anwendung“ > Speicher

Sie können Storage-Buckets jetzt in einer speziellen Baumstruktur im Bereich Anwendung > Speicher. Diese Baumstruktur war zuvor experimentell und wurde standardmäßig aktiviert.

Vorher und nach der Aktivierung der Baumstruktur der Storage-Buckets im Bereich „Speicher“.

Chromium-Problem: 338094915.

Selbst-XSS-Warnungen mit einem Befehlszeilen-Flag deaktivieren

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

Das Dialogfeld mit der Warnung zur Selbstverschlüsselung in der Console.

Sie können dieses Dialogfeld jetzt deaktivieren, indem Sie das Befehlszeilen-Flag --unsafely-disable-devtools-self-xss-warnings an Chrome ü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, z. B. die Entfernung von PWA-Kategorien, Umstrukturierung der SEO-Kategorie, Einstellung der allgemeinen Einsparungen, neue Prüfungen und Änderungen bei Audits. Eine vollständige Liste der Änderungen finden Sie hier.

Grundlegende Informationen zur Verwendung des Bereichs Lighthouse in den Entwicklertools finden Sie unter Lighthouse: Websitegeschwindigkeit optimieren.

Chromium-Problem: 772558.

Verschiedene Highlights

Im Folgenden sind einige bemerkenswerte Fehlerbehebungen und Verbesserungen in dieser Version aufgeführt:

  • Leistung: <ph type="x-smartling-placeholder">
      </ph>
    • Die Einstellungen für langsame Aufnahme (Erweiterte Paint-Instrumentierung aktivieren und CSS-Selektorstatistiken aktivieren) werden jetzt in der nächsten Entwicklertools-Sitzung automatisch gelöscht.
    • Der Tab Selektorstatistiken scrollt jetzt nicht automatisch nach unten, wenn Sie das Flame-Diagramm zoomen und sich die Daten ändern (337999939).
  • Konsole: Mit der Tastenkombination Ctrl + Ctrl wird die Konsole in der Leiste jetzt nur dann geschlossen, wenn sie im Fokus ist (40875466, 328210785).
  • Autofill: Das Parsen von Adressen wurde behoben (335409093, 335409707).
  • Bedienungshilfen: Screenreader-Ankündigungen für lokalisierte Strings wurden korrigiert (324930007).

Vorschaukanäle herunterladen

Sie können Canary, Dev oder Beta als Standardbrowser für die Entwicklung verwenden. Über diese Vorschaukanäle erhältst du Zugriff auf die neuesten Entwicklertools, kannst hochmoderne Webplattform-APIs testen und Probleme auf deiner Website erkennen, bevor deine Nutzer es tun.

Kontaktaufnahme mit dem Team für Chrome-Entwicklertools

Mit den folgenden Optionen kannst du die neuen Funktionen und Änderungen des Beitrags oder andere Aspekte der Entwicklertools besprechen.

  • Senden Sie uns über crbug.com einen Vorschlag oder Feedback.
  • Problem mit den Entwicklertools über Weitere Optionen melden Mehr > Hilfe > Hier kannst du Probleme mit den Entwicklertools in den Entwicklertools melden.
  • Twittern Sie unter @ChromeDevTools.
  • Hinterlasse Kommentare in den YouTube-Videos mit den Neuerungen in den Entwicklertools oder in YouTube-Videos mit Tipps zu den Entwicklertools.

Neu in den Entwicklertools

Eine Liste mit allen Themen der Reihe Neuerungen bei den Entwicklertools