Neu in den DevTools, Chrome 135

Sofia Emelianova
Sofia Emelianova
GitHub

Verbesserungen am Bereich „Leistung“

Diese Version enthält eine Reihe von Verbesserungen am Bereich Leistung.

Ursprungs- und Script-Links für Profil- und Funktionsaufrufe unter „Leistung“

Auf dem Tab Leistung > Zusammenfassung finden Sie jetzt Links zu den relevanten Scripts und Ursprüngen für Profil- und Funktionsaufrufe. Sie müssen also nicht mehr den Mauszeiger auf diese Ereignisse im Haupt-Track bewegen.

Der Tab „Zusammenfassung“ vor und nach dem Hinzufügen von Quelle und Herkunft

Außerdem werden in den Tracks Netzwerk und Haupt jetzt in Tooltips die Namen von Drittanbietern angezeigt, falls vorhanden, wenn Sie den Mauszeiger auf Ereignisse bewegen.

Chromium-Problem: 368541957.

Unterstützung von Felddaten für „LCP nach Phase“

Wenn Felddaten aktiviert sind, werden unter Leistung > Statistiken > LCP nach Phase die Bildzeiträume des 75. Perzentil aus dem Bericht zur Nutzererfahrung in Chrome in einer zusätzlichen Tabelle angezeigt. So können Sie die Zeiträume direkt in der Statistik vergleichen.

Die Informationen vor und nach dem Hinzufügen von Felddaten zur Statistik „Kosten pro 1.000 Impressionen nach Phase“

Statistik „Netzwerkabhängigkeitsbaum“

Auf dem Tab Leistung > Statistiken wurde die neue Statistik Netzwerkabhängigkeitsstruktur hinzugefügt. Sie sehen hier, ob Sie kritische Anfragen verkettet haben, was nicht empfohlen wird. Bewegen Sie den Mauszeiger auf die in der Statistik aufgeführten Anfragen, um sie im Netzwerk-Track hervorgehoben zu sehen.

Weitere Informationen finden Sie unter Kritische Anfragen nicht verketten.

Hervorhebung des umfangreichsten Stacks

Im Bereich Leistung werden jetzt Elemente im Haupt-Pfad hervorgehoben, wenn Sie in der Seitenleiste Aufrufabfolge oder Bottom-Up > Größter Stack den Mauszeiger darauf bewegen. Der Rest wird abgedunkelt. So können Sie verschachtelte Elemente im Aufrufstapel visuell finden, die am meisten Zeit in Anspruch nehmen.

Baumansicht für Barrierefreiheit in „Elemente“

Die Vollbild-Baumansicht für Barrierefreiheit ist jetzt standardmäßig im Bereich Elemente aktiviert. Sie können damit prüfen, wie Hilfstechnologien Ihre Inhalte sehen, und sich ARIA-Attribute und berechnete Barrierefreiheitseigenschaften von DOM-Knoten ansehen.

Wenn Sie die Baumansicht für Barrierefreiheit öffnen möchten, klicken Sie im Bereich Elemente rechts oben im DOM-Baum auf die Schaltfläche Zur Baumansicht für Barrierefreiheit wechseln.

Die Vollbild-Baumansicht für Barrierefreiheit vor und nach der Aktivierung

Weitere Informationen finden Sie unter Vollständiger Bedienungshilfen-Baum in den Chrome-Entwicklertools.

Chromium-Problem: 40808541.

Verbesserte leere Zustände für verschiedene Bereiche

Die leeren Status (wenn nichts geöffnet ist) für verschiedene Bereiche, Abschnitte und Tabs wurden optimiert, damit Sie genau wissen, was Sie tun müssen, um mit ihnen zu arbeiten. Einige leere Status, z. B. im Bereich Netzwerk, enthalten jetzt relevante Schaltflächen wie Seite aktualisieren.

Vorher und nachher: Verbesserung der leeren Status im Netzwerk- und Suchbereich

Die Option „KI fragen“ wurde ans Ende des Menüs verschoben

Die Option KI fragen befindet sich jetzt unten in den Drop-down-Menüs, nicht mehr oben.

Die Option „KI fragen“ wurde ans Ende des Drop-down-Menüs verschoben.

Sie können uns Ihr Feedback zum Bereich KI-Hilfe unter crbug.com/364805393 mitteilen.

Lighthouse 12.4.0

Im Bereich Lighthouse wird jetzt Lighthouse 12.4.0 ausgeführt.

In dieser Version werden einige Leistungsaudits unter den Bedingungen für bestandene Audits als informativ gekennzeichnet, anstatt sie im Abschnitt „Abgeschlossene Audits“ auszublenden. Vollständige Liste der Änderungen

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

Chromium-Problem: 40543651.

Sonstige Highlights

Hier sind einige wichtige Fehlerkorrekturen und Verbesserungen in dieser Version:

  • Leistung > Zusammenfassung: Die beiden Zeilen Gesamtzeit und Eigene Zeit wurden durch eine einzige Zeile Dauer ersetzt, in der gegebenenfalls auch (self time) in Klammern angezeigt wird (crbug.com/395572753).
  • Probleme: Es wurden neue Problemtypen hinzugefügt: <select>-Probleme im Baum der Barrierefreiheit und SRI-Nachrichtensignaturfehler, die beim Parsen oder Validieren im Netzwerkdienst auftreten (crbug.com/381044049, crbug.com/347890366).
  • Bedienungshilfen: Auf dem Tab Elemente > Stile werden jetzt Elemente dargestellt, die Sie mit der Tastaturnavigation durchgehen (crbug.com/396311936).
  • Elemente: Probleme mit <select> werden jetzt unterstützt und mit einer gewellten Unterstreichung hervorgehoben (crbug.com/378738916).
  • Netzwerk: Der Punkt für die Überschreibung und die Cookie-Warnsymbole werden jetzt rechts neben dem Tabnamen statt links angezeigt (crbug.com/390556283).

Vorschaukanäle herunterladen

Verwenden Sie als Standard-Entwicklungsbrowser Chrome Canary, Chrome Dev oder Chrome Beta. Diese Vorabversionen bieten Zugriff auf die neuesten DevTools-Funktionen, ermöglichen den Test moderner Webplattform-APIs und helfen Ihnen, Probleme auf Ihrer Website zu finden, bevor Ihre Nutzer sie bemerken.

Chrome-Entwicklertools-Team kontaktieren

Mit den folgenden Optionen können Sie über neue Funktionen, Updates oder andere Themen im Zusammenhang mit den DevTools sprechen.

Neu in DevTools

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