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 dem aktualisierten 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 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 Konfigurationsmodus für Titel können Sie die Reihenfolge der Titel ändern und sie ausblenden. Klicken Sie auf nach oben oder nach unten, um den Track zu verschieben, oder klicken Sie auf zum Ausblenden. 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

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 Scripts zur Ignorierliste, als ignoriert gekennzeichnete Scripts und die entsprechenden Regeln in den Einstellungen.

Im Diagramm werden ignorierte Skripts minimiert, als Auf Ignorierliste markiert und unter > Einstellungen > Ignorierliste zu den benutzerdefinierten Ausschlüssen 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 reale Leistungsprobleme jetzt sogar 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 uns Feedback dazu geben möchtest, was gut funktioniert, was nicht und was deiner Meinung nach verbessert werden kann, wende dich bitte an uns.

Vollständige Header-Strings einfügen, 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 Ü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 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.

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

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.

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

Sie können Speicher-Buckets jetzt in einem speziellen Baum 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, darunter die Entfernung der PWA-Kategorie, die Neuorganisation der SEO-Kategorie, die Einstellung der Gesamteinsparungen sowie neue Prüfungen und Änderungen an Prüfungen. Eine vollständige Liste der Änderungen finden Sie hier.

Informationen zu den Grundlagen der Verwendung des Lighthouse-Steuerfelds in den DevTools 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 die langsame Erfassung (Erweiterte Paint-Instrumentierung aktivieren und CSS-Selektorstatistiken aktivieren) werden jetzt in der nächsten DevTools-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).
  • Barrierefreiheit: Ansagen von Screenreadern 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 dies tun.

Chrome-Entwicklertools-Team kontaktieren

Verwende die folgenden Optionen, um die neuen Funktionen, Updates oder andere Aspekte der Entwicklertools zu besprechen.

Neu in DevTools

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