Neues in den Entwicklertools: Chrome 127

Sofia Emelianova
Sofia Emelianova

Um das Debuggen der Funktion Ankerposition zu vereinfachen, werden auf dem Tab Stile jetzt explizite und implizite Anker mit ihren Knoten verknüpft.

Die Vorher- und Nachher-Verknüpfung expliziter und impliziter Anchors.

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

Der Parameter, der vorher und nach dem Verknüpfen von popovertarget mit seinem Popover-Element verknüpft ist.

Chromium-Problem: 289900232, 330306231.

Verbesserungen im Quellenbereich

In dieser Version wurden mehrere Verbesserungen im Bereich Quellen vorgenommen.

Erweiterter Modus „Hier nie pausieren“

Mit der Option "Hier nie pausieren" können Sie verhindern, dass der Debugger in derselben Zeile immer wieder anhält. Dies erleichtert die Arbeit mit irrelevanten Haltepunkten, die wiederholt ausgelöst werden. Diese Version verbessert diese Funktion und funktioniert jetzt für:

  • Ausnahmen oder Promise-Ablehnungen von integrierten Funktionen
  • Haltepunkte für DOM-, Fetch/XHR- und CSP-Verstöße werden abgebrochen.
  • Beim Auseinanderbauen von Wasm.

Sehen Sie sich den Workflow in Aktion an:

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 durch den Scroll-Container so scrollen, dass er an einem neuen Element angedockt wird.

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

Chromium-Problem: 40286359.

Verbesserungen beim Netzwerkbereich

In dieser Version wurden einige Verbesserungen im Bereich Netzwerk vorgenommen.

Aktualisierte Voreinstellungen für Netzwerkdrosselung

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

Die Voreinstellungen 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 das HAR-Format exportieren, können Sie jetzt die Informationen zu Service Workern, einschließlich Zeitangaben, als benutzerdefinierte Felder mit Unterstrichen als Präfix sehen. 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.

Verschiedene Highlights

Im Folgenden sind einige bemerkenswerte Fehlerbehebungen und Verbesserungen in dieser Version aufgeführt:

  • Bedienungshilfen: Screenreader vorlesen jetzt den Inhalt von Nachrichten in der Console, wenn sie mit den Auf- und Abwärtspfeilen (344484979) durch das Protokoll scrollen.
  • Quellen:
    • Seite: Mit der Menüoption Speichern unter werden Wasm-Moduldateien jetzt als gültige Wasm-Binärdateien anstelle von Base64-Text (40784130) gespeichert.
    • Aufrufstapel: Das Suffix (async) wurde aus den Beschreibungen der asynchronen Aufrufframes entfernt. Die Hervorhebung wurde von kursiv in fett geändert (343750870).
  • Arbeitsspeicher: Das unnötige InternalNodes mit der Größe null wurde aus der Zusammenfassung des Heap-Snapshots (340200025) entfernt.
  • Netzwerk: Ein Fehler wurde behoben, der die Vorschau von Streaming-Antwortinhalten für Anfragen verhinderte, die gerade gestartet, aber noch kein responseReceived-Ereignis erhalten haben (338340752).
  • Leistung:
    • Selektorstatistiken: Es wurde eine erklärende Kurzinfo für die Spalte %-of-Slow-Path-Non-Matches hinzugefügt (324282954).
    • Konfigurationsmodus für Tracks: Die Schaltfläche Konfiguration von Tracks abschließen wurde nach unten rechts verschoben (345256274).
  • Konsole: Ein Fehler wurde behoben, bei dem bei der Navigation über den Back-Forward-Cache mehrere identische Konsolennachrichten angezeigt wurden (40894153).
  • Einstellungen: Hilfssymbole wurden neben allen Tabs hinzugefügt (330213867).

Vorschaukanäle herunterladen

Sie können Canary, Dev oder Beta als Standardbrowser für die Entwicklung verwenden. Über diese Vorschaukanäle erhältst du Zugriff auf die neuesten Entwicklertools, kannst hochmoderne Webplattform-APIs testen und Probleme auf deiner Website erkennen, bevor deine Nutzer es tun.

Kontaktaufnahme mit dem Team für Chrome-Entwicklertools

Mit den folgenden Optionen kannst du die neuen Funktionen und Änderungen des Beitrags oder andere Aspekte der Entwicklertools besprechen.

  • Senden Sie uns über crbug.com einen Vorschlag oder Feedback.
  • Melde ein Problem mit den Entwicklertools über Weitere Optionen   Mehr   > Hilfe > Probleme mit den Entwicklertools melden in den Entwicklertools.
  • Twittern Sie unter @ChromeDevTools.
  • Hinterlasse Kommentare in den YouTube-Videos mit den Neuerungen in den Entwicklertools oder in YouTube-Videos mit Tipps zu den Entwicklertools.

Neu in den Entwicklertools

Eine Liste mit allen Themen der Reihe Neuerungen bei den Entwicklertools

Chrome 127

Chrome 126

Chrome 125

Chrome 124

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113

Chrome 112

Chrome 111

Chrome 110

Chrome 109

Chrome 108

Chrome 107

Chrome 106

Chrome 105

Chrome 104

Chrome 103

Chrome 102

Chrome 101

Chrome 100

Chrome 99

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

Chrome 92

Chrome 91

Chrome 90

Chrome 89

Chrome 88

Chrome 87

Chrome 86

Chrome 85

Chrome 84

Chrome 83

Chrome 82

Chrome 82 wurde gekündigt.

Chrome 81

Chrome 80

Chrome 79

Chrome 78

Chrome 77

Chrome 76

Chrome 75

Chrome 74

Chrome 73

Chrome 72

Chrome 71

Chrome 70

Chrome 68

Chrome 67

Chrome 66

Chrome 65

Chrome 64

Chrome 63

Chrome 62

Chrome 61

Chrome 60

Chrome 59