Console Insights von Gemini sind jetzt in den meisten europäischen Ländern verfügbar
Mit dieser Version werden Console Insights von Gemini in den meisten europäischen Ländern unterstützt.
Liste der neu unterstützten europäischen Länder
Deutschland, Österreich, Belgien, Bulgarien, Schweiz, Zypern, Tschechien, Dänemark, Estland, Spanien, Finnland, Frankreich, Vereinigtes Königreich, Griechenland, Kroatien, Ungarn, Irland, Island, Italien, Liechtenstein, Litauen, Luxemburg, Lettland, Malta, Niederlande, Norwegen, Polen, Portugal, Rumänien, Schweden, Slowenien, Slowakei.
Wenn Sie sich in einem dieser Länder befinden, können Sie Gemini jetzt direkt in der Console bitten, Statistiken abzurufen, damit Sie Fehler und Warnungen besser verstehen.
Updates im Bereich „Leistung“
Mit diesem Update wurden im Bereich Leistung einige Verbesserungen vorgenommen.
Enhanced Network-Track
Der Netzwerk-Track im Bereich Leistung wurde optimiert, um wichtige Informationen direkt zu sehen, z. B. eine detailliertere Dauer und einen Netzwerkinitiator-Baum. Außerdem wurden die visuellen Hinweise und Farben klarer gestaltet. Sie müssen also nicht mehr zwischen dem Bereich Netzwerk und dem Tab Leistung > Zusammenfassung wechseln. Wenn Sie noch zum Bereich Netzwerk wechseln müssen, ist das jetzt einfacher und schneller.
Der Netzwerk-Track führt jetzt Folgendes aus:
- Zeigt eine Farblegende für Anfragetypen an.
- Renderblockierende Anfragen werden oben rechts mit roten Dreiecken gekennzeichnet.
- Der Initiator der Anfrage wird bei Auswahl mit einem Pfeil angezeigt. So erhalten Sie einen besseren Überblick über die Struktur der Netzwerkinitiatoren, die zuvor nur im Bereich Netzwerk verfügbar war.
- Wenn der Mauszeiger auf den Mauszeiger bewegt wird, zeigt eine überarbeitete Kurzinfo jetzt strukturierte Zeitinformationen an, darunter Status zum Blockieren des Renderings und gegebenenfalls Änderungen der Priorität.
- Auf dem Tab Zusammenfassung wird jetzt in einer Spalte auf der rechten Seite jetzt auch eine Aufschlüsselung der Zeitangaben angezeigt.
Außerdem können Sie jetzt auf dem Tab Zusammenfassung mit der rechten Maustaste auf die Anfrage im Track oder auf dessen URL klicken und im Drop-down-Menü die Option Im Netzwerkbereich anzeigen auswählen. Mit den Entwicklertools wird der Bereich Network (Netzwerk) aufgerufen und die gesuchte Anfrage in der Tabelle hervorgehoben.
Leistungsdaten mit der Extensibility API anpassen
Ab dieser Version werden Erweiterungsdaten im Bereich Leistung unterstützt. Sie können jetzt benutzerdefinierte Tracks mit Ereignissen und Kurzinfo-Beschreibungen zum Leistungs-Trace, Details auf dem Tab Zusammenfassung und mehr hinzufügen. Diese Funktion kann für Entwickler von Frameworks, Bibliotheken und komplexen Anwendungen mit benutzerdefinierter Instrumentierung nützlich sein.
Ein Beispiel für einen benutzerdefinierten Track findest du auf dieser Demoseite. Aktivieren Sie unter Leistung > Aufnahmeeinstellungen das Kästchen Erweiterungsdaten. Starten Sie eine Leistungsaufzeichnung, klicken Sie auf der Demoseite auf Add new Corgi (Neuen Corgi hinzufügen) und beenden Sie die Aufzeichnung. Im Trace wird ein benutzerdefinierter Track angezeigt, der Ereignisse mit benutzerdefinierten Kurzinfos und Details auf dem Tab Zusammenfassung enthält.
Kurz gesagt: Wenn Sie Leistungsdaten erweitern möchten, übergeben Sie den Parametern measureOption.detail
oder markOption.detail
der API-Aufrufe performance.measure()
oder performance.mark()
eine bestimmte Struktur.
Details im Timing-Track
Webentwickler, die den Nutzertiming-Teil der Performance API verwenden, um dem Track Timings Einträge hinzuzufügen, können jetzt beliebige Details auf dem Tab Zusammenfassung für mark
- und measure
-Ereignisse und deren Zeitstempel sehen.
Chromium-Problem: 345418915.
Alle aufgeführten Anfragen im Netzwerkbereich kopieren
Anstatt das gesamte Netzwerkprotokoll zu kopieren, können Sie im Bereich Netzwerk jetzt Filter anwenden und nur die aufgeführten Anfragen kopieren.
Schnellere Heap-Snapshots mit benannten HTML-Tags und weniger Unordnung
Heap-Snapshots im Bereich Arbeitsspeicher werden noch schneller. Die Objekte werden jetzt nach benannten HTML-Tags gruppiert. Sie entsprechen der Semantik der JavaScript-Sprache, da weniger interne Objekte angezeigt werden, und sie enthalten immer numerische Werte.
Die Einstellung
Numerische Werte in die Aufnahme einschließen wurde beschleunigt, standardmäßig aktiviert und aus dem Bereich Arbeitsspeicher entfernt.Wenn Sie interne Objekte manuell in den Snapshot aufnehmen möchten, aktivieren Sie zuerst
Einstellungen > Experimente > Option zum Anzeigen von internen Daten in Heap-Snapshots anzeigen und dann im Bereich Speicher das Interne Daten anzeigen (...).Chromium-Probleme: 41490040, 343341610, 42203857.
Animationsbereich öffnen, um Animationen aufzunehmen und @keyframes
live zu bearbeiten
Im Bereich Animationen haben Sie jetzt folgende Möglichkeiten:
- Hiermit werden Animationen erfasst, die bereits laufen, wenn Sie den Bereich öffnen. Sie müssen die Seite also nicht aktualisieren, um Animationen zu erfassen.
- Unterstützt die Live-Bearbeitung von
@keyframes
. Mit anderen Worten: Die aufgezeichnete Animation wird aktualisiert, während Sie den Bereich@keyframes
unter Elemente > Stile bearbeiten.
Im folgenden Video sehen Sie beide Funktionen in Aktion.
Chromium-Problem: 352718055.
Lighthouse 12.1.0
Im Bereich Lighthouse wird jetzt Lighthouse 12.1.0 ausgeführt.
Dieses Update umfasst eine Reihe von Änderungen, einschließlich der Entfernung des alten FMP-Messwerts (First Meaningful Paint) zugunsten von Largest Contentful Paint (LCP). Eine vollständige Liste der Änderungen finden Sie hier.
Informationen zu den Grundlagen der Verwendung des Lighthouse-Steuerfelds in den DevTools finden Sie unter Lighthouse: Websitegeschwindigkeit optimieren.
Chromium-Problem: 772558
Bedienungshilfen
Diese Version enthält folgende Verbesserungen der Barrierefreiheit:
- Wenn Sie nach der automatischen Vervollständigung im Bearbeitungsfeld von Live-Ausdrücken die Tabulatortaste drücken, wird der Fokus auf den nächsten Fokuspunkt verschoben. Bisher wurde der Text eingerückt.
- Wenn Sie auf eine Größenanpassung klicken, wird der Fokus darauf gelegt, sodass Sie ihn mit den Rechts- und Linkspfeiltasten verschieben können.
- Ein Screenreader kündigt jetzt bei der Navigation mit einer Tastatur das Bearbeitungsfeld Beobachtungsausdruck hinzufügen in Quellen an. Beobachtungsausdruck löschen ist jetzt deutlich sichtbar.
Chromium-Probleme: 349939551, 343942719, 349334243, 349428374.
Sonstige Highlights
Im Folgenden sind einige bemerkenswerte Fehlerbehebungen und Verbesserungen in dieser Version aufgeführt:
- Leistung:
- Netzwerk-Track: Es wurden WebSocket-Verbindungsereignisse 331351979 hinzugefügt.
- Im Steuerfeld Leistung wird jetzt die aktivste Hauptthread-Aktivität 345599356 korrekt herangezoomt.
- Ein Fehler beim Hochladen falscher Trace-Dateitypen wurde behoben. Ab sofort werden nur noch die korrekten 349864878-Typen
.json
oder.gz
hochgeladen.
- Elemente > Stile:
- Anwendung:
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
Verwende die folgenden Optionen, um die neuen Funktionen, Updates oder andere Aspekte der Entwicklertools zu besprechen.
- Unter crbug.com können Sie uns Feedback und Funktionsanfragen senden.
- Melden Sie ein DevTools-Problem über das Dreipunkt-Menü Weitere Optionen > Hilfe > DevTools-Problem melden.
- Twittern Sie unter @ChromeDevTools.
- Hinterlassen Sie Kommentare unter den YouTube-Videos zu den Neuigkeiten in den DevTools oder den YouTube-Videos mit Tipps zu den DevTools.
Neu in DevTools
Eine Liste mit allen Themen der Reihe Neuerungen bei den Entwicklertools
- CSS-Fehler mit Gemini beheben
- KI-Funktionen über einen eigenen Tab „Einstellungen“ steuern
- Verbesserungen im Bereich „Leistung“
- Leistungsergebnisse kommentieren und teilen
- Leistungsstatistiken direkt im Bereich „Leistung“ abrufen
- Übermäßige Layoutverschiebungen leichter erkennen
- Die nicht zusammengesetzten Animationen erkennen
- Gleichzeitigkeit der Hardware wird auf Sensoren umgestellt
- Anonyme Scripts ignorieren und sich in Stacktraces auf den Code konzentrieren
- „Elemente“ > „Stile“: Unterstützung für Schreibmodi im Querformat für Raster-Overlays und CSS-weite Keywords
- Lighthouse-Analysen für nicht-HTTP-Seiten im Zeitspannen- und Snapshot-Modus
- Verbesserungen bei der Barrierefreiheit
- Sonstige Highlights
- Verbesserungen im Netzwerkbereich
- Neu gestaltete Netzwerkfilter
- Bei HAR-Exporten sind sensible Daten jetzt standardmäßig ausgeschlossen
- Verbesserungen im Bereich „Elemente“
- Autocomplete-Werte für „text-emphasis-*“-Eigenschaften
- Scroll-Overflows mit einem Symbol gekennzeichnet
- Verbesserungen am Bereich „Leistung“
- Empfehlungen in Live-Messwerten
- Navigationspfade verwenden
- Verbesserungen am Bereich „Speicher“
- Neues Profil „Getrennte Elemente“
- Verbesserte Benennung von einfachen JS-Objekten
- Dynamische Themen deaktivieren
- Chrome-Test: Prozessfreigabe
- Lighthouse 12.2.1
- Verschiedene Highlights
- Rekorder unterstützt den Export nach Puppeteer für Firefox
- Verbesserungen im Bereich „Leistung“
- Beobachtungen zu Live-Messwerten
- Suchanfragen im Netzwerk-Track
- Stapelabzüge von „performance.mark“- und „performance.measure“-Aufrufen ansehen
- Testadressdaten im Autofill-Bereich verwenden
- Verbesserungen im Bereich „Elemente“
- Weitere Status für bestimmte Elemente erzwingen
- Unter „Elemente“ > „Stile“ werden jetzt mehr Rastereigenschaften automatisch vervollständigt
- Lighthouse 12.2.0
- Verschiedene Highlights
- Console-Statistiken von Gemini sind jetzt in den meisten europäischen Ländern verfügbar
- Aktualisierungen des Leistungssteuerfelds
- Erweiterter Netzwerk-Track
- Leistungsdaten mit der Extensible API anpassen
- Details zum Track „Timings“
- Alle aufgeführten Anfragen im Bereich „Netzwerk“ kopieren
- Schnellere Heap-Snapshots mit benannten HTML-Tags und weniger Unordnung
- Animationsbereich öffnen, um Animationen aufzunehmen und @keyframes live zu bearbeiten
- Lighthouse 12.1.0
- Verbesserungen bei der Barrierefreiheit
- Sonstige Highlights
- CSS-Ankern im Bereich „Elemente“ prüfen
- Verbesserungen im Bereich „Quellen“
- Verbesserte Funktion „Hier nie pausieren“
- Neue Listener für Scroll-Snap-Ereignisse
- Verbesserungen am Netzwerkbereich
- Aktualisierte Voreinstellungen für die Netzwerkdrosselung
- Informationen zu Dienst-Workern in benutzerdefinierten Feldern des HAR-Formats
- WebSocket-Ereignisse im Bereich „Leistung“ senden und empfangen
- Verschiedene Highlights
- Verbesserungen am Bereich „Leistung“
- Tracks mit dem aktualisierten Konfigurationsmodus für Tracks verschieben und ausblenden
- Skripts im Flame-Diagramm ignorieren
- CPU um das 20-Fache drosseln
- Der Bereich „Leistungsstatistiken“ wird eingestellt
- Übermäßige Arbeitsspeichernutzung mit neuen Filtern in Heap-Snapshots ermitteln
- Storage-Buckets unter „Anwendung“ > „Speicher“ prüfen
- Selbst-XSS-Warnungen mit einem Befehlszeilen-Flag deaktivieren
- Lighthouse 12.0.0
- Verschiedene Highlights
- Fehler und Warnungen in der Konsole mit Gemini besser verstehen
- Unterstützung für @position-try-Regeln unter „Elemente“ > „Stile“
- Verbesserungen im Bereich „Quellen“
- Automatisches Drucken von Klammern und Schließen von Klammern konfigurieren
- Abgelehnte Versprechen werden als nicht gefangen erkannt
- Fehlerursachen in der Console
- Verbesserungen im Netzwerkbereich
- Header für frühzeitige Hinweise prüfen
- Spalte „Wasserfall“ ausblenden
- Verbesserungen im Bereich „Leistung“
- CSS-Selektorstatistiken erfassen
- Reihenfolge ändern und Tracks ausblenden
- Retainer im Bereich „Arbeitsspeicher“ ignorieren
- Lighthouse 11.7.1
- Verschiedene Highlights
- Neues Autofill-Steuerfeld
- Erweiterte Netzwerkdrosselung für WebRTC
- Unterstützung für scrollbasierte Animationen im Bereich „Animationen“
- Verbesserte Unterstützung für CSS-Verschachtelung unter „Elemente“ > „Stile“
- Bereich „Erweiterte Leistung“
- Funktionen und die zugehörigen untergeordneten Elemente im Flame-Diagramm ausblenden
- Pfeile von ausgewählten Initiatoren zu von ihnen initiierten Ereignissen
- Lighthouse 11.6.0
- Kurzinfos für spezielle Kategorien unter „Arbeitsspeicher“ > „Heap-Snapshots“
- Anwendung > Speicherupdates
- Für den freigegebenen Speicherplatz verwendete Bytes
- Web SQL wird vollständig eingestellt
- Verbesserungen des Abdeckungsbereichs
- Das Steuerfeld „Ebenen“ wird möglicherweise eingestellt
- Einstellung von JavaScript Profiler: Phase 4, letzte
- Verschiedene Highlights
- Finde das Easter Egg
- Änderungen am Bereich „Elemente“
- Eine fokussierte Seite unter „Elemente“ > „Stile“ emulieren
- Farbauswahl, Winkeluhr und Ease-In-Editor in
var()
-Fallbacks - Tool „CSS-Länge“ wurde eingestellt
- Pop-over für das ausgewählte Suchergebnis unter „Leistung“ > „Haupt-Track“
- Änderungen am Bereich „Netzwerk“
- Schaltfläche „Löschen“ und Suchfilter unter „Netzwerk“ > Tab „EventStream“
- Kurzinfos mit Ausnahmegründen für Drittanbieter-Cookies unter „Netzwerk“ > „Cookies“
- Alle Haltepunkte unter „Quellen“ aktivieren und deaktivieren
- Geladene Skripts in den Entwicklertools für Node.js ansehen
- Lighthouse 11.5.0
- Verbesserungen bei der Barrierefreiheit
- Sonstige Highlights
- Die offizielle Sammlung von Rekorder-Erweiterungen ist online
- Netzwerkverbesserungen
- Fehlergrund in der Spalte „Status“
- Verbessertes Untermenü „Kopieren“
- Leistungsverbesserungen
- Navigationspfade auf der Zeitachse
- Ereignisauslöser im Hauptpfad
- Menü zur Auswahl einer JavaScript-VM-Instanz für Node.js DevTools
- Neue Tastenkombination und neuer Befehl unter „Quellen“
- Verbesserungen bei Elementen
- Das Pseudo-Element ::view-transition kann jetzt in „Styles“ bearbeitet werden
- Unterstützung des Attributs „align-content“ für Blockcontainer
- Unterstützung des Sicherheitsstatus für emulierte faltbare Geräte
- Dynamisches Design
- Warnungen zur Einstellung von Drittanbieter-Cookies in den Bereichen „Netzwerk“ und „Anwendung“
- Lighthouse 11.4.0
- Verbesserte Bedienungshilfen
- Sonstige Highlights
- Verbesserungen bei Elementen
- Optimierte Filterleiste im Bereich „Netzwerk“
@font-palette-values
-Support- Unterstützter Fall: Benutzerdefinierte Property als Fallback für eine andere benutzerdefinierte Property
- Verbesserte Unterstützung von Source Maps
- Verbesserungen am Bereich „Leistung“
- Track „Erweiterte Interaktionen“
- Erweiterte Filterung auf den Tabs „Bottom-Up“, „Anrufbaum“ und „Ereignisprotokoll“
- Einzugshinweise im Bereich „Quellen“
- Hilfreiche Kurzinfos zu überschriebenen Headern und Inhalten im Steuerfeld „Netzwerk“
- Neue Optionen im Befehlsmenü zum Hinzufügen und Entfernen von Anfrageblockierungsmustern
- Der Test zu CSP-Verstößen wird entfernt
- Lighthouse 11.3.0
- Verbesserungen bei der Barrierefreiheit
- Sonstige Highlights
- Einstellung von Drittanbieter-Cookies
- Cookies Ihrer Website mit dem Privacy Sandbox Analysis Tool analysieren
- Erweitertes Ignorieren von Listen
- Standardausschlussmuster für node_modules
- Wenn eine Ausnahme abgefangen wird oder nicht ignorierten Code passiert, wird die Ausführung jetzt beendet.
x_google_ignoreList
in Quellzuordnungen inignoreList
umbenannt- Neue Ein/Aus-Schaltfläche für den Eingabemodus beim Remote-Debugging
- Im Bereich „Elemente“ werden jetzt URLs für #document-Knoten angezeigt.
- Effektive Content Security Policy im Anwendungsbereich
- Verbessertes Debugging für Animationen
- Dialogfeld „Ist dieser Code vertrauenswürdig?“ in „Quellen“ und Warnung vor Self-XSS in der Console
- Event-Listener-Haltepunkte in Web Workern und Worklets
- Das neue Medien-Badge für
<audio>
und<video>
- Vorabladen in „Spekulatives Laden“ umbenannt
- Lighthouse 11.2.0
- Verbesserungen bei der Barrierefreiheit
- Sonstige Highlights
- Verbesserter @property-Bereich unter „Elements“ > „Stile“
- Bearbeitbare @property-Regel
- Probleme mit ungültigen @property-Regeln werden gemeldet
- Liste der zu emulierenden Geräte aktualisiert
- Pretty Print-Inline-JSON in Script-Tags unter „Quellen“
- Private Felder in der Console automatisch vervollständigen
- Lighthouse 11.1.0
- Verbesserungen bei der Barrierefreiheit
- Einstellung von Web SQL
- Validierung des Seitenverhältnisses von Screenshots unter „Anwendung“ > „Manifest“
- Sonstige Highlights
- Neuer Bereich für benutzerdefinierte Eigenschaften unter „Elemente“ > „Stile“
- Mehr Verbesserungen für lokale Überschreibungen
- Erweiterte Suche
- Verbesserter Bereich „Quellen“
- Optimierter Arbeitsbereich im Bereich „Quellen“
- Bereiche in „Quellen“ neu anordnen
- Syntaxhervorhebung und übersichtliche Darstellung für weitere Scripttypen
- Medienfunktion „Bevorzugt-reduzierte-Transparenz“ emulieren
- Lighthouse 11
- Verbesserungen bei der Barrierefreiheit
- Verschiedene Highlights
- Verbesserungen im Netzwerkbereich
- Webinhalte noch schneller lokal überschreiben
- Inhalt von XHR und Abrufanfragen überschreiben
- Chrome-Erweiterungsanfragen ausblenden
- Für Menschen lesbare HTTP-Statuscodes
Leistung: Änderungen der Abrufpriorität für Netzwerkereignisse ansehen
- Standardmäßig aktivierte Quelleneinstellungen: Code-Einklappen und automatische Dateienthüllung
- Verbesserte Fehlerbehebung bei Problemen mit Drittanbieter-Cookies
- Neue Farben
- Lighthouse 10.4.0
- Vorabladen im Bereich „Anwendung“ debuggen
- Die C/C++ WebAssembly-Debugging-Erweiterung für Entwicklertools ist jetzt Open Source
- Verschiedene Highlights
- (Experimentell) Neue Rendering-Emulation: „prefers-reduced-transparency“
- (Experimentell) Erweiterter Protokoll-Monitor
- Verbesserte Fehlerbehebung bei fehlenden Stylesheets
- Unterstützung für lineares Timing unter „Elements“ > „Stile“ > „Easing-Editor“
- Unterstützung von Speicher-Buckets und Metadatenansicht
- Lighthouse 10.3.0
- Bedienungshilfen: Tastaturbefehle und verbesserte Screenreader-Funktionen
- Verschiedene Highlights
- Verbesserungen der Elemente
- Neues CSS-Logo für das CSS-Subgrid
- Auswahlspezifität in Kurzinfos
- Werte von benutzerdefinierten CSS-Eigenschaften in Kurzinfos
- Verbesserungen bei Quellen
- CSS-Syntax-Hervorhebung
- Tastenkürzel zum Festlegen bedingter Haltepunkte
- Anwendung > Eindämmung von Bounce-Tracking
- Lighthouse 10.2.0
- Inhaltsscripts standardmäßig ignorieren
- Netzwerk > Antwortverbesserungen
- Verschiedene Highlights
- Unterstützung für WebAssembly-Debugging
- Verbessertes Schrittverhalten in Wasm-Apps
- Fehlerbehebung bei Autofill mithilfe des Steuerfelds „Elemente“ und des Tabs „Probleme“
- Behauptungen in der Rekorder App
- Lighthouse 10.1.1
- Leistungsverbesserungen
- performance.mark() zeigt den Zeitpunkt an, wenn der Mauszeiger auf „Leistung“ > „Timings“ bewegt wird.
- profile() unter „Leistung“ > „Hauptseite“
- Warnung bei langsamen Nutzerinteraktionen
- Web Vitals-Updates
- Einstellung von JavaScript Profiler: Phase 3
- Sonstige Highlights
- Netzwerkantwortheader überschreiben
- Verbesserungen bei der Fehlerbehebung für Nuxt, Vite und Rollup
- CSS-Verbesserungen unter „Elemente“ > „Stile“
- Ungültige CSS-Properties und -Werte
- Links zu den wichtigsten Frames in der Kurzform-Eigenschaft für Animationen
- Neue Console-Einstellung: Autocomplete on Enter
- Im Befehlsmenü werden erstellte Dateien hervorgehoben
- Einstellung des JavaScript-Profilers: Phase 2
- Verschiedene Highlights
- Updates für Rekorder
- Erweiterungen für die Wiedergabe von Aufzeichnungen
- Datensatz mit Pierce-Selektoren erstellen
- Mit Lighthouse-Analyse Aufnahmen als Puppeteer-Scripts exportieren
- Erweiterungen für den Rekorder
- Elemente > Updates für Stile
- CSS-Dokumentation im Bereich „Stile“
- Unterstützung für CSS-Verschachtelung
- Logpoints und bedingte Haltepunkte in der Console markieren
- Irrelevante Skripts bei der Fehlerbehebung ignorieren
- Einstellung des JavaScript-Profilers
- Weniger Kontrast emulieren
- Lighthouse 10
- Verschiedene Highlights
- Fehlerbehebung bei HD-Farben mit dem Bereich „Stile“
- Verbesserte Haltepunkt-UX
- Benutzerdefinierte Tastenkürzel für den Rekorder
- Verbesserte Syntaxhervorhebung für Angular
- Caches im Anwendungsbereich neu organisieren
- Sonstige Highlights
- Leistungsbereich beim Aktualisieren löschen
- Updates für Rekorder
- Code des User Flows im Recorder ansehen und hervorheben
- Auswahltypen einer Aufnahme anpassen
- User Flow während der Aufzeichnung bearbeiten
- Automatischer Direktdruck
- Bessere Syntaxhervorhebung und Inline-Vorschau für Vue, SCSS und mehr
- Ergonomische und einheitliche automatische Vervollständigung in der Console
- Verschiedene Highlights
- Rekorder: Kopieren als Optionen für Schritte, In-Page-Wiedergabe, Kontextmenü des Schritts
- Tatsächliche Funktionsnamen in Aufzeichnungen der Aufführung anzeigen
- Neue Tastenkürzel im Bereich „Konsole und Quellen“
- Verbesserte JavaScript-Fehlerbehebung
- Sonstige Highlights
- [Experimentell] Verbesserte Nutzerfreundlichkeit beim Verwalten von Wendepunkten
- [Experimentell] Automatische In-Place-Optimierung
- Tipps zu inaktiven CSS-Properties
- XPath- und Text-Selectors im Bereich „Rekorder“ automatisch erkennen
- Kommagetrennte Ausdrücke durchgehen
- Verbesserte Einstellung für die Ignorierliste
- Verschiedene Highlights
- Tastenkombinationen in den Entwicklertools anpassen
- Über Tastenkombination zwischen helles und dunkles Design wechseln
- C/C++ Objekte im Memory Inspector hervorheben
- Vollständige Initiatorinformationen für den HAR-Import unterstützen
- DOM-Suche nach Drücken von
Enter
starten start
- undend
-Symbole füralign-content
-CSS-Flexbox-Eigenschaften anzeigen- Verschiedene Highlights
- Dateien im Bereich „Quellen“ nach „Erstellt“/„Bereitgestellt“ gruppieren
- Verknüpfte Stacktraces für asynchrone Vorgänge
- Bekannte Drittanbieterskripts automatisch ignorieren
- Verbesserter Aufrufstapel während der Fehlerbehebung
- Quellen auf der Ignorieren-Liste im Bereich „Quellen“ ausblenden
- Dateien in der Ignorierliste im Befehlsmenü ausblenden
- Neuer Interaktions-Track im Bereich „Leistung“
- Aufschlüsselung der LCP-Zeiten im Bereich „Leistungsstatistiken“
- Standardnamen für Aufnahmen im Rekorderbereich automatisch generieren
- Verschiedene Highlights
- Detaillierte Wiedergabe in der Rekorder App
- Unterstützung von Mouseover-Ereignissen im Rekorder-Bereich
- Largest Contentful Paint (LCP) im Bereich „Leistungsstatistiken“
- Flirten im Text (FOIT, FOUT) als mögliche Ursachen für Layout Shifts identifizieren
- Protokoll-Handler im Bereich „Manifest“
- Badge der obersten Ebene im Steuerfeld „Elemente“
- Wasm-Debugging-Informationen zur Laufzeit anhängen
- Unterstützung für Live-Bearbeitung während der Fehlerbehebung
- @Scope at-Regeln im Bereich „Styles“ ansehen und bearbeiten
- Verbesserungen an der Quellkarte
- Sonstige Highlights
- Frame während der Fehlerbehebung neu starten
- Optionen für die langsame Wiedergabe im Rekorder-Bereich
- Erweiterung für das Rekorder-Steuerfeld erstellen
- Dateien im Bereich „Quellen“ nach „Erstellt“/„Bereitgestellt“ gruppieren
- Neuer Bericht „Nutzertimings“ im Bereich „Leistungsstatistiken“
- Zugewiesenen Slot eines Elements anzeigen
- Nebenläufigkeit der Hardware für Performance-Aufzeichnungen simulieren
- Vorschau des Nicht-Farbwerts beim automatischen Vervollständigen von CSS-Variablen
- Blockierende Frames im Bereich „Back-Forward-Cache“ identifizieren
- Verbesserte Vorschläge für die automatische Vervollständigung von JavaScript-Objekten
- Verbesserungen bei Quellkarten
- Sonstige Highlights
- Doppelklick- und Rechtsklickereignisse im Bereich „Rekorder“ erfassen
- Neuer Zeitraum und Snapshot-Modus im Lighthouse-Steuerfeld
- Verbesserte Zoomsteuerung im Bereich „Leistungsstatistiken“
- Löschen einer Leistungsaufzeichnung bestätigen
- Bereiche im Elementbereich neu anordnen
- Eine Farbe außerhalb des Browsers auswählen
- Verbesserte Vorschau von Inline-Werten beim Debuggen
- Unterstützung großer BLOBs für virtuelle Authentifikatoren
- Neue Tastenkombinationen im Bereich „Quellen“
- Verbesserungen bei Quellkarten
- Vorabversion: Neues Steuerfeld für Leistungsstatistiken
- Neue Tastenkürzel zum Emulieren von hellen und dunklen Designs
- Verbesserte Sicherheit auf dem Tab „Netzwerkvorschau“
- Verbessertes Neuladen am Haltepunkt
- Änderungen an der Console
- Nutzerfluss-Aufzeichnung zu Beginn abbrechen
- Übernommene Pseudo-Elemente für Hervorhebungen im Bereich „Stile“ anzeigen
- Sonstige Highlights
- [Experimentell] CSS-Änderungen kopieren
- [Experimentell] Farbe außerhalb des Browsers auswählen
- Aufgezeichnete Nutzerflüsse als JSON-Datei importieren und exportieren
- Kaskadenebenen im Bereich „Stile“ ansehen
- Unterstützung der Farbfunktion
hwb()
- Verbesserte Darstellung privater Unterkünfte
- Sonstige Highlights
- [Experimentell] Neuer Zeitspanne- und Snapshot-Modus im Lighthouse-Steuerfeld
- @supports bei Regeln im Bereich „Stile“ ansehen und bearbeiten
- Unterstützung gängiger Auswahltools
- Auswahl für die Aufzeichnung anpassen
- Aufzeichnungen umbenennen
- Vorschau von Klassen-/Funktionseigenschaften beim Bewegen des Mauszeigers
- Teilweise präsentierte Frames im Bereich „Leistung“
- Verschiedene Highlights
- WebSocket-Anfragen drosseln
- Neuer Bereich „Reporting API“ im Anwendungsbereich
- Support wartet, bis das Element im Steuerfeld des Rekorders sichtbar und anklickbar ist
- Verbessertes Console-Styling, bessere Formatierung und Filterung
- Chrome-Erweiterung mit Quellkartendateien debuggen
- Verbesserte Struktur des Quellordners im Bereich „Quellen“
- Worker-Quelldateien im Bereich „Quellen“ aufrufen
- Updates für das automatische dunkle Design in Chrome
- Touchbedienungsfreundliche Farbauswahl und Teilfenster
- Verschiedene Highlights
- Vorabversion: Vollbild-Baumansicht für Barrierefreiheit
- Detailliertere Änderungen auf dem Tab „Änderungen“
- Längeres Zeitlimit für die Aufzeichnung des Nutzerflusses festlegen
- Seiten müssen über den Tab „Back-Forward-Cache“ im Cache gespeichert werden
- Neuer Filter im Bereich „Eigenschaften“
- CSS-Medienfunktion „forced-colors“ emulieren
- Lineal einblenden, wenn der Mauszeiger darauf bewegt wird
- Unterstützung von
row-reverse
undcolumn-reverse
im Flexbox-Editor - Neue Tastenkombinationen zur Wiedergabe von XHR und Erweitern aller Suchergebnisse
- Lighthouse 9 im Bereich „Leuchtturm“
- Verbesserter Bereich „Quellen“
- Sonstige Highlights
- [Experimentell] Endpunkte im Bereich „Reporting API“
- Vorschaufunktion: Neuer Rekorder-Bereich
- Geräteliste im Gerätemodus aktualisieren
- Mit „Als HTML bearbeiten“ automatisch vervollständigen
- Verbessertes Debuggen von Code
- Entwicklertools-Einstellungen geräteübergreifend synchronisieren
- Vorabversion: Neuer Bereich „CSS-Übersicht“
- Verbessertes Bearbeiten und Kopieren von CSS-Längen
- CSS-Medienfunktion „prefers-contrast“ emulieren
- Funktion „Automatisches dunkles Design“ von Chrome emulieren
- Im Bereich „Stile“ Deklarationen als JavaScript kopieren
- Neuer Nutzlast-Tab im Bereich „Network“ (Netzwerk)
- Die Anzeige von Properties im Bereich „Properties“ wurde verbessert.
- Option zum Ausblenden von CORS-Fehlern in der Console
- Korrekte Vorschau und Auswertung von
Intl
-Objekten in der Console - Einheitliche asynchrone Stacktraces
- Konsolen-Seitenleiste beibehalten
- Bereich „Veralteter Anwendungscache“ im Bereich „Anwendung“
- [Experimentell] Neuer Bereich „Reporting API“ im Bereich „Anwendungen“
- Neue Authoring-Tools für die CSS-Länge
- Probleme auf dem Tab „Probleme“ ausblenden
- Anzeige von Unterkünften verbessert
- Lighthouse 8.4 im Lighthouse-Steuerfeld
- Snippets im Bereich „Quellen“ sortieren
- Neue Links zu übersetzten Versionshinweisen und Meldung eines Übersetzungsfehlers
- Verbesserte Benutzeroberfläche für das Befehlsmenü der Entwicklertools
- DevTools in Ihrer bevorzugten Sprache verwenden
- Neue Nest Hub-Geräte in der Geräteliste
- Ursprungstests in der Detailansicht des Frames
- Neues Symbol für CSS-Containerabfragen
- Neues Kästchen zum Umkehren der Netzwerkfilter
- Einstellung der Seitenleiste der Console
- Roh-
Set-Cookies
-Header auf dem Tab „Probleme“ und im Bereich „Netzwerk“ anzeigen - Native Zugriffe einheitlich als eigene Properties in der Console anzeigen
- Richtige Fehler-Stack-Traces für Inline-Scripts mit #sourceURL
- Farbformat im Bereich „Berechnet“ ändern
- Benutzerdefinierte Kurzinfos durch native HTML-Kurzinfos ersetzen
- [Experimentell] Probleme auf dem Tab „Probleme“ ausblenden
- Bearbeitbare CSS-Containerabfragen im Bereich „Stile“
- Webset-Vorschau im Bereich „Netzwerk“
- Fehlerbehebung für die Attribution Reporting API
- Verbesserte Stringbehandlung in der Console
- Verbesserte CORS-Fehlerbehebung
- Lighthouse 8.1
- Neue Notiz-URL im Manifestbereich
- Fixierte CSS-Abgleichs-Selektoren
- JSON-Antworten im Bereich „Netzwerk“ im benutzerfreundlichen Format anzeigen
- CSS-Rastereditor
- Unterstützung für die erneute Deklaration von
const
in der Console - Quellauftrags-Viewer
- Neue Tastenkombination zum Aufrufen von Frame-Details
- Erweiterte Unterstützung für CORS-Debugging
- XHR-Label in Fetch/XHR umbenennen
- Wasm-Ressourcentyp im Bereich „Netzwerk“ filtern
- User-Agent-Clienthinweise für Geräte im Tab „Netzwerkbedingungen“
- Probleme im Quirks-Modus auf dem Tab „Probleme“ melden
- Compute-Überschneidungen in den Bereich „Leistung“ aufnehmen
- Lighthouse 7.5 im Lighthouse-Steuerfeld
- Das Kontextmenü „Frame neu starten“ im Aufrufstack wurde eingestellt
- [Experimentell] Protokollmonitor
- [Experimentell] Puppeteer-Rekorder
- Pop-up mit Informationen zu Web Vitals
- Neuer Memory Inspector
- CSS-Scroll-Snap visualisieren
- Neuer Bereich für die Kennzeicheneinstellungen
- Verbesserte Bildvorschau mit Informationen zum Seitenverhältnis
- Neue Schaltfläche für Netzwerkbedingungen mit Optionen zum Konfigurieren von
Content-Encoding
s - Verknüpfung zum Aufrufen des berechneten Werts
accent-color
Keyword- Problemtypen mit Farben und Symbolen kategorisieren
- Trust-Tokens löschen
- Blockierte Funktionen in der Detailansicht des Frames
- Tests in den Testeinstellungen filtern
- Neue Spalte
Vary Header
im Bereich „Cache-Speicher“ - Unterstützung privater JavaScript-Markenprüfungen
- Erweiterter Support für die Fehlerbehebung bei Haltestellen
- Vorschau beim Bewegen des Mauszeigers mit der Notation
[]
unterstützen - Verbesserter Überblick über HTML-Dateien
- Richtige Fehler-Stack-Traces für das Wasm-Debugging
- Neue CSS-Flexbox-Debugging-Tools
- Neues Core Web Vitals-Overlay
- Anzahl der Probleme in die Console-Statusleiste verschoben
- Probleme mit vertrauenswürdigen Webaktivitäten melden
- Strings in der Console als (gültige) JavaScript-Stringliterale formatieren
- Neuer Bereich „Trust Tokens“ im Anwendungsbereich
- CSS-Medienfunktion „color-gamut“ emulieren
- Verbesserte Tools für progressive Web-Apps
- Neue Spalte
Remote Address Space
im Bereich „Netzwerk“ - Leistungsverbesserungen
- Zulässige und nicht zulässige Funktionen in der Detailansicht des Frames anzeigen
- Neue Spalte
SameParty
im Bereich „Cookies“ - Eingestellter nicht standardmäßiger
fn.displayName
-Support - Einstellung von
Don't show Chrome Data Saver warning
im Menü „Einstellungen“ - [Experimentell] Automatische Berichte zu Problemen mit niedrigem Kontrast auf dem Tab „Probleme“
- [Experimentell] Baumansicht mit vollständiger Barrierefreiheit im Bereich „Elemente“
- Unterstützung bei der Fehlerbehebung bei Verstößen gegen vertrauenswürdige Typen
- Screenshot eines Knotens außerhalb des Darstellungsbereichs aufnehmen
- Neuer Tab „Trust Tokens“ für Netzwerkanfragen
- Lighthouse 7 im Lighthouse-Steuerfeld
- Unterstützung beim Erzwingen des Preisvergleichsportal-Status
:target
- Neue Verknüpfung zum Duplizieren eines Elements
- Farbauswahl für benutzerdefinierte CSS-Eigenschaften
- Neue Tastenkürzel zum Kopieren von CSS-Eigenschaften
- Neue Option zum Anzeigen von URL-decodierten Cookies
- Nur sichtbare Cookies löschen
- Neue Option zum Löschen von Drittanbieter-Cookies im Bereich „Speicher“
- User-Agent-Client-Hints für benutzerdefinierte Geräte bearbeiten
- Einstellung „Netzwerkprotokoll aufzeichnen“ beibehalten
- WebTransport-Verbindungen im Bereich „Netzwerk“ ansehen
- „Online“ in „Ohne Drosselung“ umbenannt
- Neue Optionen zum Kopieren in der Console, im Bereich „Quellen“ und im Bereich „Stile“
- Informationen zu neuen Service Workern in der Frame-Detailansicht
- Arbeitsspeicherinformationen in der Frame-Detailansicht messen
- Feedback über den Tab „Probleme“ geben
- Im Bereich „Leistung“ abgelegte Frames
- Faltbare Geräte und Dual-Display im Gerätemodus emulieren
- [Experimentell] Browsertests mit Puppeteer Recorder automatisieren
- [Experimentell] Schrifteditor im Bereich „Stile“
- [Experimentell] CSS-Flexbox-Debugging-Tools
- [Experimentell] Neuer Tab „CSP-Verstöße“
- [Experimentell] Neue Berechnung des Farbkontrasts – Advanced Perceptual Contrast Algorithm (APCA)
- Schnellerer Start der Entwicklertools
- Neue CSS-Tools zur Visualisierung von Winkeln
- Nicht unterstützte Bildtypen emulieren
- Speicherkontingentgröße im Bereich „Speicher“ simulieren
- Neue Web Vitals-Spur im Bereich „Leistung“
- CORS-Fehler im Bereich „Netzwerk“ melden
- Informationen zur ursprungsübergreifenden Isolierung in der Frame-Detailansicht
- Neue Informationen zu Web Workers in der Frame-Detailansicht
- Details zum Anfangs-Frame für geöffnete Fenster anzeigen
- Bereich „Netzwerk“ im Bereich „Service Workers“ öffnen
- Property-Wert kopieren
- Stacktrace für Netzwerkinitiator kopieren
- Vorschau der Wasm-Variablenwert bei Mouseover
- Wasm-Variable in der Console auswerten
- Einheitliche Maßeinheiten für Datei-/Speichergrößen
- Pseudoelemente im Elementbereich hervorheben
- [Experimentell] CSS-Flexbox-Debugging-Tools
- [Experimentell] Tastenkombinationen für Akkorde anpassen
- Neue Debugging-Tools für CSS Grid
- Neuer WebAuthn-Tab
- Tools zwischen dem oberen und unteren Steuerfeld verschieben
- Neuer Bereich „Berechnete Seitenleiste“ im Bereich „Stile“
- CSS-Attribute im Bereich „Computed“ gruppieren
- Lighthouse 6.3 im Lighthouse-Steuerfeld
performance.mark()
Ereignisse im Bereich „Timings“- Neue
resource-type
- undurl
-Filter im Bereich „Werbenetzwerk“ - Aktualisierungen der Framedetailansicht
- Einstellung von
Settings
im Menü „Weitere Tools“ - [Experimentell] Probleme mit dem Farbkontrast im Bereich „CSS-Übersicht“ ansehen und beheben
- [Experimentell] Tastenkombinationen in den Entwicklertools anpassen
- Bereich „Neue Medien“
- Screenshots von Knoten mit dem Kontextmenü des Elements-Steuerfelds aufnehmen
- Änderungen am Tab „Probleme“
- Fehlende lokale Schriftarten emulieren
- Inaktive Nutzer emulieren
- Emulate
prefers-reduced-data
- Unterstützung neuer JavaScript-Funktionen
- Lighthouse 6.2 im Leuchtturm-Steuerfeld
- Einstellung der Liste „Andere Ursprünge“ im Bereich „Service Worker“
- Abdeckungsübersicht für gefilterte Elemente anzeigen
- Neue Ansicht für Frame-Details im Bereich „Anwendung“
- Barrierefreie Farbvorschläge im Bereich „Stile“
- Bereich Eigenschaften im Bereich „Elemente“ wiederherstellen
- Für Menschen lesbare
X-Client-Data
-Headerwerte im Bereich „Netzwerk“ - Benutzerdefinierte Schriftarten im Bereich „Stile“ automatisch vervollständigen
- Ressourcentyp immer im Bereich „Netzwerk“ anzeigen
- Schaltflächen in den Bereichen „Elemente“ und „Netzwerk“ löschen
- Stilbearbeitung für CSS-in-JS-Frameworks
- Lighthouse 6 im Lighthouse-Steuerfeld
- Einstellung von First Meaningful Paint (FMP)
- Unterstützung neuer JavaScript-Funktionen
- Neue Warnungen zu App-Verknüpfungen im Manifest-Bereich
- Service Worker-Ereignisse vom Typ
respondWith
auf dem Tab „Timing“ - Konsistentes Anzeigen des Bereichs „Berechnet“
- Bytecode-Offsets für WebAssembly-Dateien
- Zeilenweises Kopieren und Ausschneiden im Bereich „Quellen“
- Änderungen an den Console-Einstellungen
- Aktualisierungen des Leistungssteuerfelds
- Neue Symbole für Haltepunkte, bedingte Haltepunkte und Logpunkte
- Websiteprobleme mit dem neuen Tab „Probleme“ beheben
- Informationen zur Barrierefreiheit in der Kurzinfo zum Inspektionsmodus aufrufen
- Änderungen am Bereich „Leistung“
- Genauere Promise-Terminologie in der Console
- Änderungen am Steuerfeld „Stile“
- Einstellung des Bereichs Eigenschaften im Bereich „Elemente“
- Unterstützung von App-Verknüpfungen im Manifest-Bereich
- Sehschwächen emulieren
- Sprachen emulieren
- Debugging der Cross-Origin-Embedder-Richtlinie (COEP)
- Neue Symbole für Haltepunkte, bedingte Haltepunkte und Logpunkte
- Netzwerkanfragen ansehen, die ein bestimmtes Cookie setzen
- Über das Befehlsmenü links andocken
- Die Option „Einstellungen“ im Hauptmenü wurde verschoben
- Der Bereich „Audits“ heißt jetzt Lighthouse
- Alle lokalen Überschreibungen in einem Ordner löschen
- Aktualisierte UI für lange Aufgaben
- Unterstützung maskierbarer Symbole im Manifestbereich
- Unterstützung für Moto G4 im Gerätemodus
- Aktualisierungen in Bezug auf Cookies
- Genauere Manifest-Symbole für Web-Apps
- Den Mauszeiger auf CSS-
content
-Properties bewegen, um nicht entescapede Werte zu sehen - Source Map-Fehler in der Console
- Einstellung zum Deaktivieren des Scrollens über das Ende einer Datei hinaus
- Unterstützung für die Neudeklaration von
let
undclass
in der Console - Verbessertes WebAssembly-Debugging
- Initiatorenketten auf dem Tab „Initiator“ anfordern
- Ausgewählte Netzwerkanfrage in der Übersicht markieren
- URL- und Pfadspalten im Bereich „Netzwerk“
- Aktualisierte User-Agent-Strings
- Neue Konfigurations-UI für den Bereich „Audits“
- Codeabdeckungsmodi pro Funktion oder pro Block
- Die Codeabdeckung muss jetzt durch ein Seitenaktualisieren gestartet werden.
- Herausfinden, warum ein Cookie blockiert wurde
- Cookiewerte ansehen
- Unterschiedliche Einstellungen für „prefers-color-scheme“ und „prefers-reduced-motion“ simulieren
- Aktualisierungen der Codeabdeckung
- Herausfinden, warum eine Netzwerkressource angefordert wurde
- In den Bereichen „Console“ und „Quellen“ werden die Einstellungen für Einzüge wieder berücksichtigt
- Neue Tastenkombinationen für die Cursornavigation
- Unterstützung mehrerer Kunden im Bereich „Audits“
- Fehlerbehebung im Zahlungs-Handler
- Lighthouse 5.2 im Bereich „Audits“
- Largest Contentful Paint im Bereich „Leistung“
- Probleme mit DevTools-Dateien über das Hauptmenü
- Elementstile kopieren
- Layout Shifts visualisieren
- Lighthouse 5.1 im Bereich „Audits“
- Synchronisierung des Betriebssystems
- Tastenkombination zum Öffnen des Breakpoints-Editors
- Prefetch-Cache im Bereich „Netzwerk“
- Private Eigenschaften beim Ansehen von Objekten
- Benachrichtigungen und Push-Nachrichten im Bereich „Anwendung“
- Automatische Vervollständigung mit CSS-Werten
- Neue Benutzeroberfläche für Netzwerkeinstellungen
- WebSocket-Nachrichten in HAR-Exporten
- Schaltflächen zum Importieren und Exportieren von HAR-Dateien
- Arbeitsspeichernutzung in Echtzeit
- Portnummern für die Service Worker-Registrierung
- Ereignisse für den Hintergrundabruf und die Hintergrundsynchronisierung prüfen
- Puppeteer für Firefox
- Sinnvolle Voreinstellungen beim automatischen Vervollständigen von CSS-Funktionen
- Websitedaten über das Befehlsmenü löschen
- Alle IndexedDB-Datenbanken ansehen
- Nicht komprimierte Größe einer Ressource beim Bewegen des Mauszeigers anzeigen
- Haltepunkte im Bereich „Breakpoints“ inline anzeigen
- Anzahl der IndexedDB- und Cache-Ressourcen
- Einstellung zum Deaktivieren der detaillierten Kurzinfo „Inspizieren“
- Einstellung zum Ein- und Ausblenden von Tabulatorabständen im Editor
- Alle Knoten hervorheben, die von der CSS-Eigenschaft betroffen sind
- Lighthouse v4 im Bereich „Analysen“
- WebSocket-Binärnachrichtenanzeige
- Screenshot vom Bereich im Befehlsmenü erstellen
- Service Worker-Filter im Bereich „Network“
- Aktualisierungen des Leistungssteuerfelds
- Lange Aufgaben in Aufzeichnungen im Bereich „Leistung“
- First Paint im Bereich „Timing“
- Bonustipp: Tastenkombination zum Aufrufen von RGB- und HSL-Farbcodes (Video)
- Logpoints
- Detaillierte Kurzinfos im Prüfmodus
- Codeabdeckungsdaten exportieren
- Console mit einer Tastatur bedienen
- Linie für AAA-Kontrastverhältnis in der Farbauswahl
- Benutzerdefinierte Überschreibungen für die Standortbestimmung speichern
- Code Folding
- Tab „Frames“ wurde in Tab „Nachrichten“ umbenannt
- Bonustipp: Filtern nach Property im Netzwerkbereich (Video)
- Im Bereich „Leistung“ Leistungsmesswerte visualisieren
- Textknoten im DOM-Baum markieren
- JS-Pfad in einen DOM-Knoten kopieren
- Aktualisierungen des Auditbereichs, einschließlich einer neuen Prüfung, die JS-Bibliotheken und neue Keywords für den Zugriff auf den Bereich „Audits“ über das Befehlsmenü erkennt
- Bonustipp: Medienabfragen mit dem Gerätemodus prüfen (Video)
- Bewegen Sie den Mauszeiger auf ein Ergebnis eines Live-Expressions, um einen DOM-Knoten hervorzuheben.
- DOM-Knoten als globale Variablen speichern
- Informationen zum Initiator und zur Priorität sind jetzt in HAR-Importen und ‑Exporten enthalten
- Über das Hauptmenü auf das Befehlsmenü zugreifen
- Bild-im-Bild-Pausen
- Bonustipp: Mit
monitorEvents()
die ausgelösten Ereignisse eines Knotens in der Console protokollieren (Video) - Live-Ausdrücke in der Console
- DOM-Knoten bei der genauen Auswertung hervorheben
- Optimierungen im Leistungssteuerfeld
- Zuverlässigere Fehlerbehebung
- Netzwerkdrosselung über das Befehlsmenü aktivieren
- Bedingte Unterbrechungen automatisch vervollständigen
- Bei AudioContext-Ereignissen pausieren
- Node.js-Anwendungen mit ndb debuggen
- Bonustipp: Messen Sie Interaktionen von Nutzern in der realen Welt mit der User Timing API.
- Eifrig evaluiert
- Argumenthinweise
- Automatische Vervollständigung von Funktionen
- ES2017-Keywords
- Lighthouse 3.0 im Bereich „Audits“
- Unterstützung für BigInt
- Property-Pfade zum Bereich „Watch“ hinzufügen
- „Zeitstempel anzeigen“ wurde in die Einstellungen verschoben
- Bonustipp: Weniger bekannte Konsolenmethoden (Video)
- In allen Netzwerkheadern suchen
- Vorschau für CSS-Variablenwerte
- Als Abruf kopieren
- Neue Prüfungen, Konfigurationsoptionen für Computer und Aufrufspuren
- Endlosschleifen beenden
- Nutzertimings auf den Leistungs-Tabs
- JavaScript-VM-Instanzen sind im Bereich „Arbeitsspeicher“ übersichtlich aufgeführt
- Tab „Network“ wurde in Tab „Page“ (Seite) umbenannt
- Aktualisierungen für das dunkle Design
- Informationen zur Zertifikatstransparenz im Bereich „Sicherheit“
- Funktionen der Website-Isolierung im Bereich „Leistung“
- Bonustipp: Bedienfeld „Layers“ + Animations Inspector (Video)
- Blackboxing im Bereich „Netzwerk“
- Zoom im Gerätemodus automatisch anpassen
- Perfekter Druck auf den Tabs „Vorschau“ und „Antwort“
- HTML-Inhalte in der Vorschau ansehen
- Unterstützung lokaler Überschreibungen für Stile in HTML
- Bonustipp: Blackbox-Framework-Scripts, um Event-Listener-Haltepunkte nützlicher zu machen
- Lokale Überschreibungen
- Neue Tools für die Barrierefreiheit
- Tab „Änderungen“
- Neue SEO- und Leistungsaudits
- Mehrere Aufzeichnungen im Steuerfeld „Leistung“
- Zuverlässiges Code-Stepping mit Workern in asynchronem Code
- Zusatztipp: Automatisieren Sie Entwicklertools-Aktionen mit Puppeteer (Video)
- Leistungsmonitor
- Console-Seitenleiste
- Ähnliche Konsolenmelden gruppieren
- Bonustipp: Pseudoklasse für Hover ein-/ausschalten (Video)
- Unterstützung für die Remote-Fehlerbehebung für mehrere Kunden
- Arbeitsbereiche 2.0
- 4 neue Prüfungen
- Push-Benachrichtigungen mit benutzerdefinierten Daten simulieren
- Synchronisierungsereignisse im Hintergrund mit benutzerdefinierten Tags auslösen
- Bonustipp: Event-Listener-Haltepunkte (Video)
- Das Wichtigste in der Console
- Neue Workflows für Screenshots
- CSS-Raster hervorheben
- Neue Console API zum Abfragen von Objekten
- Neue Console-Filter
- HAR-Importe im Bereich „Netzwerk“
- Cache-Ressourcen mit Vorschau
- Vorhersagbarere Cache-Fehlerbehebung
- Codeabdeckung auf Blockebene
- Simulation der Drosselung von Mobilgeräten
- Speichernutzung ansehen
- Sehen, wann ein Service Worker Antworten im Cache gespeichert hat
- FPS-Messtool über das Befehlsmenü aktivieren
- Verhalten des Mausrads für Zoomen oder Scrollen festlegen
- Unterstützung für das Debuggen von ES6-Modulen
- Neuer Audit-Bereich
- Drittanbieterlogos
- Neue Geste für „Hier weiter“
- In den asynchronen Modus wechseln
- Aussagekräftigere Objektvorschauen in der Console
- Aussagekräftigere Kontextauswahl in der Console
- Echtzeitaktualisierungen auf dem Tab „Abdeckung“
- Einfachere Optionen zur Netzwerkdrosselung
- Asynchrone Stacks standardmäßig aktiviert
- Abdeckung von CSS- und JS-Code
- Screenshots des ganzen Bildschirms
- Anfragen blockieren
- Über „async await“ springen
- Einheitliches Befehlsmenü