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 Konfigurationsmodus für Tracks 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 unter Einstellungen > Einstellungen > Ignorierliste zu den benutzerdefinierten Ausschlüssen hinzugefügt. 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 der Option „20x Slowdonw“ zu den Aufnahmeeinstellungen.

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 im Bereich „Leistungsstatistiken“

Weitere Informationen finden Sie unter Leistungstools ab 2024.

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

Fügen Sie ganze Header-Strings ein, um sie zu überschreiben

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.

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

Sie können Storage-Buckets jetzt in einer eigenen Baumstruktur im Bereich Anwendung > Speicher prüfen. 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:
    • 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 Strg + ` 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.
  • Melde ein Problem mit den Entwicklertools über Weitere Optionen   Mehr   > Hilfe > Probleme mit den Entwicklertools melden in den Entwicklertools.
  • 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

Chrome 126

Chrome 125

Chrome 124

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113

Chrome 112

Chrome 111

Chrome 110

Chrome 109

Chrome 108

Chrome 107

Chrome 106

Chrome 105

Chrome 104

Chrome 103

Chrome 102

Chrome 101

Chrome 100

Chrome 99

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

Chrome 92

Chrome 91

Chrome 90

Chrome 89

Chrome 88

Chrome 87

Chrome 86

Chrome 85

Chrome 84

Chrome 83

Chrome 82

Chrome 82 wurde gekündigt.

Chrome 81

Chrome 80

Chrome 79

Chrome 78

Chrome 77

Chrome 76

Chrome 75

Chrome 74

Chrome 73

Chrome 72

Chrome 71

Chrome 70

Chrome 68

Chrome 67

Chrome 66

Chrome 65

Chrome 64

Chrome 63

Chrome 62

Chrome 61

Chrome 60

Chrome 59