Neue Funktionen in den Entwicklertools, Chrome 126

Sofia Emelianova
Sofia Emelianova
GitHub

Verbesserungen im Bereich „Leistung“

Diese Version enthält mehrere Verbesserungen im Bereich Leistung.

Tracks mit aktualisiertem Konfigurationsmodus für Tracks verschieben und ausblenden

Sie können jetzt in den Konfigurationsmodus für Tracks wechseln, indem Sie mit der rechten Maustaste auf den Tracknamen klicken und Tracks konfigurieren auswählen. Die Schaltfläche „Bearbeiten“, die zusätzlichen Platz erforderte, wurde entfernt.

Das Datum vor und nach dem Ersetzen der Schaltfläche „Bearbeiten“ durch eine Menüoption.

Im Konfigurationsmodus für Tracks können Sie die Reihenfolge der Tracks ändern und sie ausblenden. Klicken Sie auf arrow_upward nach oben oder arrow_downward, um den Track zu verschieben, oder klicken Sie auf visibility_off (Ausblenden). Wenn Sie den Konfigurationsmodus verlassen möchten, klicken Sie unten auf Konfiguration der Tracks abschließen. Diese Konfiguration bleibt für neue Traces bestehen, aber nicht für die nächsten Entwicklertools-Sitzungen.

Chromium-Problem: 336266699.

Skripts im Flame-Diagramm ignorieren

Das Flame-Diagramm im Main-Track unterstützt jetzt die Ignorieren-Liste. Sie können jetzt mit der rechten Maustaste auf ein Script im Diagramm klicken und Script zum Ignorieren der Liste hinzufügen auswählen.

Menüoption zum Hinzufügen des Skripts zur Ignorieren-Liste, als ignoriert markierte Skripts und die entsprechenden Regeln in den Einstellungen.

Im Diagramm werden ignorierte Skripts minimiert, als Liste zu ignorierender Nutzer markiert und den benutzerdefinierten Ausschlussregeln unter Einstellungen Einstellungen > Ignorierliste hinzugefügt. Ignorierte Skripts werden gespeichert, bis Sie sie entweder aus dem Trace oder aus den benutzerdefinierten Ausschlussregeln entfernen.

Chromium-Problem: 336266714.

CPU um das 20-Fache drosseln

Das Menü CPU-Drosselung in den Erfassungseinstellungen des Bereichs Leistung erhält eine neue Option für die 20-fache Verlangsamung. So können Sie echte Leistungsprobleme jetzt selbst auf High-End-Computern genauer reproduzieren und analysieren.

Vor und nach dem Hinzufügen der Option „20x Slowdonw“ zu den Aufnahmeeinstellungen.

Chromium-Problem: 324978881.

Der Bereich „Leistungsstatistiken“ wird eingestellt

Der experimentelle Bereich Leistungsstatistiken 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.

Das Warnungsbanner zur Einstellung im Bereich „Leistungsstatistiken“

Weitere Informationen

Sie haben Feedback dazu, was gut ankommt und was nicht? Wir würden uns freuen, von Ihnen zu hören.

Ganze Headerstrings zum Überschreiben einfügen

Beim Überschreiben von Headern kannst du jetzt einen kompletten Header-String (HEADER_NAME: VALUE) einfügen. Die Entwicklertools teilen den String dann bei : in einen Header-Namen und dessen Wert auf.

Sehen Sie sich das folgende Video an.

Beim Bearbeiten von Kopfzeilen 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 Überschreibungsmenüoptionen und die Schaltfläche Bearbeiten für chrome://-URLs deaktiviert, was dem gewünschten Verhalten entspricht.

Chromium-Probleme: 330967147, 337012362, 328210785.

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

Für Heap-Snapshots im Bereich Arbeitsspeicher stehen neue Filter zur Verfügung, mit denen Sie häufige Fälle ineffizienter Arbeitsspeichernutzung finden können, z. B. doppelte Strings, Objekte, die von getrennten DOM-Knoten aufbewahrt werden, und die Entwicklertools-Konsole.

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

Chromium-Problem: 337094903.

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

Sie können Storage-Buckets jetzt im Bereich Anwendung > Speicher in einer speziellen Struktur prüfen. Diese zuvor experimentelle Struktur ist standardmäßig aktiviert.

Der Zeitpunkt vor und nach dem Aktivieren des Speicher-Bucket-Baums im Bereich „Speicher“.

Chromium-Problem: 338094915.

Eigene XSS-Warnungen mit einem Befehlszeilen-Flag deaktivieren

Wenn Sie die Chrome-Nutzung automatisieren oder die Entwicklertools anderweitig über die Befehlszeile zur Fehlerbehebung öffnen, ist es oft sinnvoll, die Self-XSS-Warnung zu deaktivieren, die in jeder neuen Entwicklertools-Sitzung angezeigt wird.

Das Dialogfeld mit der Self-XSS-Warnung 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, darunter das Entfernen der PWA-Kategorie, eine Neuorganisation der SEO-Kategorie, die Einstellung der Gesamteinsparungen, neue Prüfungen und Änderungen bei Audits. Vollständige Liste der Änderungen

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

Chromium-Problem: 772558.

Sonstige Highlights

Dies sind einige bemerkenswerte Korrekturen und Verbesserungen in dieser Version:

  • Leistung:
    • Die Einstellungen für die langsame Erfassung (Erweiterte Paint-Instrumentierung aktivieren und Statistiken für CSS-Selektoren aktivieren) werden jetzt in der nächsten Entwicklertools-Sitzung automatisch gelöscht.
    • Der Tab Selektorstatistiken scrollt jetzt nicht automatisch nach unten, wenn Sie das Flammendiagramm zoomen und sich die Daten ändern (337999939).
  • Konsole: Mit der Tastenkombination Strg + ` wird jetzt die Konsole in der Leiste nur dann geschlossen, wenn sie im Fokus ist (40875466, 328210785).
  • Autofill: Fehler beim Parsen der Adresse (335409093, 335409707)
  • Bedienungshilfen: Screenreader-Mitteilungen für lokalisierte Strings wurden korrigiert (324930007).

Vorschaukanäle herunterladen

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

Chrome-Entwicklertools-Team kontaktieren

Verwende die folgenden Optionen, um die neuen Funktionen und Änderungen im Beitrag oder andere Themen im Zusammenhang mit den Entwicklertools zu besprechen.

  • Sende uns über crbug.com Vorschläge oder Feedback.
  • Wenn du ein Problem mit den Entwicklertools melden möchtest, klicke in den Entwicklertools auf Weitere Optionen   Mehr   > Hilfe > Probleme mit den Entwicklertools melden.
  • Senden Sie einen Tweet an @ChromeDevTools.
  • Hinterlasse Kommentare zu den Neuheiten in den Entwicklertools YouTube-Videos oder YouTube-Videos in den Entwicklertools-Tipps.

Neu in den Entwicklertools

Hier finden Sie eine Liste aller Neuerungen in den Entwicklertools, die behandelt wurden.

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 Erste Schritte

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 abgebrochen.

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