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 Modus für die Trackkonfiguration verschieben und ausblenden

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

Das Bild zeigt, wie die Seite vor und nach dem Ersetzen der Schaltfläche „Bearbeiten“ durch eine Menüoption aussieht.

Im Modus „Tracks konfigurieren“ können Sie die Reihenfolge der Tracks ändern und sie ausblenden. Klicken Sie auf (nach oben) oder (nach unten), um den Track zu verschieben, oder auf (ausblenden). Klicken Sie unten auf Konfiguration der Tracks abschließen, um den Konfigurationsmodus zu beenden. Diese Konfiguration bleibt für neue Traces erhalten, aber nicht für die nächste DevTools-Sitzung.

Chromium-Problem: 336266699.

Scripts im Flame-Diagramm ignorieren

Das Flammen-Diagramm im Haupt-Track unterstützt jetzt die Ignorieren-Liste. Sie können jetzt mit der rechten Maustaste auf ein Skript im Diagramm klicken und Skript zur Ignorierliste hinzufügen auswählen.

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

Im Diagramm werden ignorierte Skripts minimiert, als Auf der 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

Das Menü CPU-Drosselung in den Aufnahmeeinstellungen des Bereichs Leistung erhält die neue Option 20-fache Verlangsamung. So können Sie Leistungsprobleme in der Praxis jetzt genauer reproduzieren und analysieren, auch auf High-End-Computern.

Die Bilder zeigen die Einstellungen vor und nach dem Hinzufügen der Option „20-fache Verlangsamung“ zu den Aufnahmeeinstellungen.

Chromium-Problem: 324978881.

Bereich „Leistungsstatistiken“ wird eingestellt

Das experimentelle Steuerfeld 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 mit Informationen zur bevorstehenden Einstellung angezeigt.

Das Warnbanner zum Ende der Unterstützung im Bereich „Leistungsstatistiken“

Weitere Informationen

Wenn Sie Feedback dazu haben, was funktioniert, was nicht und was Ihrer Meinung nach besser gemacht werden kann, wenden Sie sich bitte an uns.

Fügen Sie vollständige Header-Strings ein, um sie zu überschreiben.

Wenn Sie Header überschreiben, können Sie jetzt einen gesamten Header-String (HEADER_NAME: VALUE) einfügen. Die Entwicklertools teilen den String dann an der Stelle : in einen Header-Namen und seinen Wert auf.

Im folgenden Video sehen Sie, wie das funktioniert.

Wenn Sie Header bearbeiten, 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 zum Überschreiben und die Schaltflächen Bearbeiten für chrome://-URLs deaktiviert, was dem beabsichtigten Verhalten entspricht.

Chromium-Probleme: 330967147, 337012362, 328210785.

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

Heap-Snapshots im Bereich Arbeitsspeicher haben neue Filter erhalten, mit denen Sie häufige Fälle ineffizienter Arbeitsspeichernutzung finden können, z. B. doppelte Strings, Objekte, die von getrennten DOM-Knoten und der Konsole der Entwicklertools beibehalten werden.

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

Chromium-Problem: 337094903.

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

Sie können sich jetzt Speicher-Buckets in einer speziellen Baumstruktur im Bereich Anwendung > Speicher ansehen. Dieser Baum, der zuvor noch experimentell war, ist jetzt standardmäßig aktiviert.

Die Ansicht vor und nach dem Aktivieren der Storage-Buckets-Baumstruktur im Bereich „Storage“.

Chromium-Problem: 338094915.

Self-XSS-Warnungen mit einem Befehlszeilen-Flag deaktivieren

Wenn Sie die Chrome-Nutzung automatisieren oder die Entwicklertools auf andere Weise über die Befehlszeile zum Debuggen öffnen, möchten Sie die Warnung vor Self-XSS, die in jeder neuen Entwicklertools-Sitzung angezeigt wird, häufig deaktivieren.

Das Dialogfeld mit der Warnung zu Self-XSS in der Konsole.

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

Chromium-Problem: 41491762.

Lighthouse 12.0.0

Im Bereich Lighthouse wird jetzt Lighthouse 12.0.0 ausgeführt.

Diese Aktualisierung bringt eine Reihe von Änderungen mit sich, darunter das Entfernen der PWA-Kategorie, die Reorganisation der SEO-Kategorien, die Einstellung von „Gesamte Einsparungen“ sowie neue und geänderte Audits. Vollständige Liste der Änderungen

Die Grundlagen zur Verwendung des Lighthouse-Bereichs in den Entwicklertools finden Sie unter Lighthouse: Websitegeschwindigkeit optimieren.

Chromium-Problem: 772558.

Sonstige Highlights

Hier sind einige wichtige Fehlerbehebungen und Verbesserungen in dieser Version:

  • Leistung:
    • Die Einstellungen für die langsame Erfassung (Erweiterte Paint-Instrumentierung aktivieren und CSS-Selektorstatistiken aktivieren) werden jetzt automatisch in der nächsten DevTools-Sitzung gelöscht.
    • Der Tab Selector Stats scrollt jetzt nicht mehr automatisch nach unten, wenn Sie das Flammen-Diagramm vergrößern und sich die Daten ändern (337999939).
  • Konsole: Mit der Tastenkombination Strg + ` wird die Konsole in der Seitenleiste jetzt nur geschlossen, wenn sie im Fokus ist (40875466, 328210785).
  • Automatisches Ausfüllen: Das Parsen von Adressen wurde korrigiert (335409093, 335409707).
  • Bedienungshilfen: Screenreader-Ansagen für lokalisierte Strings wurden korrigiert (324930007).

Vorschaukanäle herunterladen

Verwenden Sie Chrome Canary, Dev oder Beta als Standardbrowser für die Entwicklung. Über diese Preview-Channels haben Sie Zugriff auf die neuesten DevTools-Funktionen, können innovative Webplattform-APIs testen und Probleme auf Ihrer Website finden, bevor Ihre Nutzer sie entdecken.

Chrome-Entwicklertools-Team kontaktieren

Verwenden Sie die folgenden Optionen, um über die neuen Funktionen, Updates oder alles andere im Zusammenhang mit den Entwicklertools zu sprechen.

Neu in den Entwicklertools

Eine Liste aller Themen, die in der Reihe Neu in den DevTools behandelt wurden.