Neues in den Entwicklertools: Chrome 127

Sofia Emelianova
Sofia Emelianova
GitHub

Damit Sie die Positionierung von Ankern leichter beheben können, werden auf dem Tab Stile jetzt explizite Anker-IDs und implizite Anker mit ihren Knoten verknüpft.

Die Vorher-Nachher-Verknüpfung enthält explizite und implizite Anker.

Außerdem ist der Wert des popovertarget-Attributs jetzt mit dem popover-Element im DOM verknüpft.

Das Popover-Ziel vor und nach der Verknüpfung mit dem Popovelement.

Verbesserungen am Bereich „Quellen“

Diese Version enthält mehrere Verbesserungen am Bereich Quellen.

Verbesserte Funktion „Hier nie pausieren“

Mit der Option „Hier nie pausieren“ können Sie verhindern, dass der Debugger immer wieder an derselben Zeile pausiert. So lässt sich leichter mit irrelevanten Unterbrechungen arbeiten, die wiederholt ausgelöst werden. Diese Version bietet eine erweiterte Funktion, die jetzt für Folgendes funktioniert:

  • Ausnahmen oder Ablehnungen von Versprechen durch integrierte Funktionen.
  • „Abbrechen“ von DOM-, fetch/XHR- und CSP-Verstoß-Haltepunkten
  • In der Wasm-Deassemblage.

So funktioniert der Workflow:

Chromium-Problem: 40924349.

Neue Ereignis-Listener für Scroll-Snap

Die Liste Quellen > Ereignis-Listener-Breakpoints > Steuerung enthält zwei Scroll-Snap-bezogene Listener: scrollsnapchange und scrollsnapchanging. Diese Ereignisse werden ausgelöst, wenn Sie den Scrollcontainer so scrollen, dass er an einem neuen Element andockt.

Vorher- und Nachher-Vergleich: Scroll-Snap-bezogene Ereignis-Listener hinzugefügt

Chromium-Problem: 40286359.

Verbesserungen am Netzwerkbereich

Diese Version enthält mehrere Verbesserungen am Bereich Netzwerk.

Vordefinierte Netzwerkdrosselungen wurden aktualisiert

Die Voreinstellungen für die Drosselung im Bereich Netzwerk wurden aktualisiert: Schnelles 4G ist neu, Schnelles 3G wurde in Langsames 4G umbenannt und Langsames 3G in 3G. Das entspricht besser den Voreinstellungen von Lighthouse.

Die Standardeinstellungen für die Netzwerkdrosselung vor und nach der Aktualisierung

Chromium-Problem: 342406608.

Informationen zu Dienstmitarbeitern in benutzerdefinierten Feldern des HAR-Formats

Wenn Sie das Netzwerkprotokoll in ein HAR-Format exportieren, werden die Informationen zu Service Workers, einschließlich der Zeitangaben, jetzt als benutzerdefinierte Felder (mit einem Unterstrich als Präfix) angezeigt. Im Log finden Sie beispielsweise die folgenden neuen Felder:

...
"response": {
  ...
  "_fetchedViaServiceWorker": true,
  "_responseCacheStorageCacheName": "V1",
  "_serviceWorkerResponseSource": "cache-storage"
}
...
"timings": {
  ...
  "_workerStart": -1,
  "_workerReady": -1,
  "_workerFetchStart": -1,
  "_workerRespondWithSettled": -1
}
...

Chromium-Problem: 342406608.

WebSocket-Ereignisse im Bereich „Leistung“ senden und empfangen

Ähnlich wie bei anderen WebSocket-Ereignissen werden jetzt im Bereich Leistung die Ereignisse WebSocket-Nachricht senden und WebSocket-Nachricht empfangen erfasst und im Leistungs-Trace angezeigt. Beispiel:

Das Ereignis „WebSocket-Nachricht empfangen“, das im Leistungs-Trace erfasst wurde.

Chromium-Problem: 40286129.

Sonstige Highlights

Hier sind einige wichtige Fehlerkorrekturen und Verbesserungen in dieser Version:

  • Barrierefreiheit: Screenreader sprechen jetzt den Inhalt von Nachrichten in der Console an, wenn Sie mit den Auf- und Abwärtspfeilen durch das Protokoll scrollen (344484979).
  • Quellen:
    • Seite: Über die Menüoption Speichern als werden Wasm-Moduldateien jetzt als gültige Wasm-Binärdateien anstelle von Base64-Text gespeichert (40784130).
    • Anrufstapel: Das Suffix (async) wurde aus den Beschreibungen von asynchronen Aufrufframes entfernt und die Hervorhebung von kursiv in fett geändert (343750870).
  • Arbeitsspeicher: Unnötige InternalNodes mit Nullgröße aus dem Heap-Snapshot Summary (340200025) entfernt.
  • Netzwerk: Ein Fehler wurde behoben, der die Vorschau des Streaming-Antwortinhalts für Anfragen verhinderte, die gerade gestartet wurden, aber noch kein responseReceived-Ereignis erhalten haben (338340752).
  • Leistung:
    • Auswahlstatistiken: Es wurde eine Erläuterungs-Tooltip für die Spalte %-of-Slow-Path-Non-Matches (324282954) hinzugefügt.
    • Modus zur Konfiguration von Tracks: Die Schaltfläche Konfiguration der Tracks abschließen wurde rechts unten (345256274) verschoben.
  • Console: Es wurde ein Fehler behoben, durch den bei der Navigation mit dem Rück-/Vorwärts-Cache mehrere identische Console-Meldungen angezeigt wurden (40894153).
  • Einstellungen: Neben allen Tabs wurden Hilfesymbole hinzugefügt.

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

Über die folgenden Optionen können Sie sich über neue Funktionen, Updates oder andere Themen im Zusammenhang mit den DevTools austauschen.

Neu in den DevTools

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