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 expliziter und impliziter Anker.

Außerdem ist der Attributwert popovertarget jetzt mit seinem popover-Element im DOM verknüpft.

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

Verbesserungen im Quellenbereich

Diese Version enthält mehrere Verbesserungen am Bereich Quellen.

Erweiterter Modus „Hier nie pausieren“

Mit der Option „Hier nie pausieren“ können Sie verhindern, dass der Debugger immer wieder an derselben Zeile pausiert. Dies erleichtert die Arbeit mit irrelevanten Haltepunkten, 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.
  • Haltepunkte für DOM-, Fetch/XHR- und CSP-Verstöße werden abgebrochen.
  • In der Wasm-Deassemblage.

So funktioniert der Workflow:

Chromium-Problem: 40924349.

Neue Listener für Scroll-Snap-Ereignisse

Die Liste Quellen > Ereignis-Listener-Haltepunkte > Steuerelement erhält zwei Listener, die scroll-snap betreffen: scrollsnapchange und scrollsnapchanging. Diese Ereignisse werden ausgelöst, wenn Sie den Scrollcontainer so scrollen, dass er an einem neuen Element andockt.

Vorher und nach dem Hinzufügen von Scroll-Snap-Ereignis-Listenern.

Chromium-Problem: 40286359

Verbesserungen am Netzwerkbereich

Diese Version enthält mehrere Verbesserungen am Bereich Netzwerk.

Vordefinierte Einstellungen für die Netzwerkdrosselung wurden aktualisiert

Im Bereich Netzwerk werden die Drosselungsvoreinstellungen aktualisiert: Schnelles 4G, Schnelles 3G wird in Langsames 4G und Langsames 3G in 3G umbenannt. Das passt besser zu den Lighthouse-Voreinstellungen.

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

Chromium-Problem: 342406608.

Service Worker-Informationen 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 könnten beispielsweise die folgenden neuen Felder angezeigt werden:

...
"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 andere WebSocket-Ereignisse erfasst das Steuerfeld Leistung jetzt die Ereignisse WebSocket-Nachricht senden und WebSocket-Nachricht empfangen und zeigt sie im Leistungs-Trace an. Beispiel:

Das Ereignis "WebSocket-Nachricht empfangen", das in der Leistungsüberwachung 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.
    • Konfigurationsmodus für Tracks: Die Schaltfläche Konfiguration von Tracks abschließen wurde nach unten rechts verschoben (345256274).
  • 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: Hilfssymbole wurden neben allen Tabs hinzugefügt.

Vorschaukanäle herunterladen

Sie können Canary, Dev oder Beta als Standardbrowser für die Entwicklung verwenden. 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 den Entwicklertools

Eine Liste mit allen Themen der Reihe Neuerungen bei den Entwicklertools