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-Bilder, die das Hinzufügen von Scroll-Snap-bezogenen Ereignis-Listenern zeigen

Chromium-Problem: 40286359.

Verbesserungen am Netzwerkbereich

Diese Version enthält mehrere Verbesserungen am Bereich Netzwerk.

Vordefinierte Netzwerkdrosselungen wurden aktualisiert

Die Drosselungsvoreinstellungen 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 Lighthouse-Voreinstellungen.

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 auch die Ereignisse WebSocket-Nachricht senden und WebSocket-Nachricht empfangen im Bereich Leistung 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: Die Menüoption Speichern als speichert Wasm-Moduldateien jetzt als gültige Wasm-Binärdateien anstelle von Base64-Text (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 Ihnen Zugriff auf die neuesten DevTools-Funktionen, ermöglichen es Ihnen, innovative Webplattform-APIs zu testen, 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 den DevTools

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