Neu in den DevTools, Chrome 135

Sofia Emelianova
Sofia Emelianova
GitHub

Verbesserungen am Bereich „Leistung“

Diese Version enthält eine Reihe von Verbesserungen für den Bereich Leistung.

Ursprungs- und Skriptlinks für Profil- und Funktionsaufrufe in Performance

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

Die Zusammenfassungskarte vor und nach dem Hinzufügen von Quelle und Ursprung.

Außerdem werden in den Tracks Network (Netzwerk) und Main (Haupt) jetzt Drittanbieternamen in Tooltips angezeigt, wenn Sie den Mauszeiger auf Ereignisse bewegen.

Chromium-Problem: 368541957.

Unterstützung von Felddaten für „LCP by phase“

Wenn Felddaten aktiviert sind, sehen Sie im Statistiktyp Leistung > Statistiken > LCP nach Phase jetzt in einer zusätzlichen Tabelle die Bild-Timings im 75. Perzentil aus dem Chrome UX Report. So können Sie die Timings direkt in der Statistik vergleichen.

Die Daten vor und nach dem Hinzufügen von Felddaten zur Statistik „LCP nach Phase“.

Statistik „Netzwerkabhängigkeitsbaum“

Auf dem Tab Leistung > Statistiken finden Sie jetzt die neue Statistik Baum der Netzwerkabhängigkeiten. Sie erfahren, ob Sie kritische Anfragen verkettet haben. Das wird nicht empfohlen. Bewegen Sie den Mauszeiger auf die in der Statistik aufgeführten Anfragen, um sie im Netzwerk-Track hervorzuheben.

Weitere Informationen finden Sie unter Verketten kritischer Anfragen vermeiden.

Umfangreichsten Stack hervorheben

Im Bereich Leistung werden jetzt Elemente im Haupt-Track hervorgehoben, wenn Sie mit dem Mauszeiger darauf zeigen. Das gilt für die Seitenleiste Call-Tree oder Bottom-up > Heaviest stack. Die anderen Elemente werden ausgeblendet. So können Sie verschachtelte Elemente im Aufrufstack, die am meisten Zeit in Anspruch nehmen, visuell finden.

Baumansicht für Barrierefreiheit in „Elemente“

Die Ansicht Vollbild-Baumansicht für Barrierefreiheit ist jetzt standardmäßig im Bereich Elemente aktiviert.

Bisher konnten Sie auf dem Tab Elemente > Bedienungshilfen einen separaten Bedienungshilfenbaum aufrufen. Sie können jetzt rechts oben im DOM-Baum im Bereich Elemente auf die Schaltfläche Zur Baumansicht für Barrierefreiheit wechseln klicken, um zwischen dem DOM-Baum und dem Baum für Barrierefreiheit der gesamten Seite hin- und herzuwechseln. So können Sie die beiden Bäume und ihre Beziehung leichter untersuchen.

Die Ansicht vor und nach dem standardmäßigen Aktivieren der Vollbild-Baumansicht für Barrierefreiheit .

Mit dem Barrierefreiheitsbaum können Sie prüfen, wie assistive Technologien Ihre Inhalte sehen. Außerdem werden ARIA-Attribute und berechnete Barrierefreiheitseigenschaften von DOM-Knoten angezeigt. Weitere Informationen

Chromium-Problem: 40808541.

Leere Zustände für verschiedene Bereiche wurden verbessert

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, haben jetzt relevante Hilfsschaltflächen wie Seite neu laden.

Vorher und nachher: Verbesserte leere Status in den Bereichen „Netzwerk“ und „Suche“.

Option „KI fragen“ an den unteren Rand des Menüs verschoben

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

Die Option „KI fragen“ vor und nach dem Verschieben an das Ende des Drop-down-Menüs.

Sie können Feedback im Bereich Unterstützung durch KI unter crbug.com/364805393 hinterlassen.

Lighthouse 12.4.0

Im Bereich Lighthouse wird jetzt Lighthouse 12.4.0 ausgeführt.

In dieser Version werden einige Leistungsprüfungen unter bestandenen Bedingungen als informativ gekennzeichnet, anstatt sie im Abschnitt „Bestandene Prüfungen“ auszublenden. Vollständige Liste der Änderungen

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

Chromium-Problem: 40543651.

Sonstige Highlights

Hier sind einige wichtige Fehlerbehebungen und Verbesserungen in dieser Version:

  • Leistung > Zusammenfassung: Die beiden Zeilen Gesamtzeit und Eigene Zeit wurden durch die einzeilige Option Dauer ersetzt, in der auch (self time) in Klammern angezeigt wird, sofern vorhanden (crbug.com/395572753).
  • Probleme: Es wurden neue Problemtypen hinzugefügt: <select>-Probleme im Barrierefreiheitsbaum und SRI-Nachrichtensignaturfehler, die beim Parsen oder bei der Validierung im Netzwerkdienst auftreten (crbug.com/381044049, crbug.com/347890366).
  • Bedienungshilfen: Auf dem Tab Elemente > Stile werden jetzt Elemente umrandet, die Sie mit der Tastaturnavigation durchlaufen (crbug.com/396311936).
  • Elemente: Probleme mit <select> werden jetzt unterstützt und mit einer gewellten Unterstreichung hervorgehoben (crbug.com/378738916).
  • Netzwerk: Die Symbole für die Überschreibung und die Cookie-Warnung werden jetzt rechts neben dem Tabnamen anstatt links angezeigt (crbug.com/390556283).

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.