Sofia Emelianova
Google I/O 2025
Die Chrome-Entwicklertools werden auf der diesjährigen Google I/O eine große Rolle spielen. Es wird eine Mischung aus Live- und aufgezeichneten Sitzungen geben.
Hier erfährst du mehr über die spannenden neuen Funktionen:
- Das ist neu in Chrome, 20. Mai 2025 | 15:30 Uhr (PT)
- Mehr mit den Chrome-Entwicklertools und weniger mit STRG + TAB
- Leistungsfehlerbehebung in den Entwicklertools
Außerdem sollten Sie sich die What's new on the web-Sitzung von Rachel Andrew am 20. Mai 2025 um 16:30 Uhr (PT) nicht entgehen lassen.
In unserem neuesten Video findest du einen kurzen Überblick über die neuesten Highlights:
CSS-Änderungen an Ihrem Arbeitsbereich mit Gemini vornehmen und speichern
Mit wenigen Klicks können Sie jetzt Gemini CSS-Code für Sie ändern und korrigieren lassen und Ihre Änderungen mit einem verbundenen Arbeitsbereichsordner in den Quelldateien auf Ihrem Computer speichern.
Automatische Arbeitsbereiche sind eine experimentelle Funktion. Sie können Ihren vorhandenen Quellordner verbinden oder eine Demo ausprobieren.
Wenn Sie einen verbundenen Arbeitsbereichsordner haben, klicken Sie im Bereich Elemente auf KI fragen, bitten Sie Gemini, den CSS-Code zu ändern, klicken Sie auf Weiter, um die Änderungen live zu testen, maximieren Sie dann Nicht gespeicherte Änderungen, klicken Sie auf Auf Arbeitsbereich anwenden, überprüfen Sie die Unterschiede und klicken Sie auf Alle speichern.
Arbeitsbereichsordner verknüpfen und Änderungen in den Quelldateien speichern
Sie können jetzt automatisch (oder manuell) einen Arbeitsbereichsordner verknüpfen, damit DevTools JavaScript-, HTML- und CSS-Änderungen wieder in den auf Ihrem Computer gespeicherten Quelldateien speichert.
So funktionierts mit JavaScript:
Chromium-Problem: 404170628.
Gemini nach Leistungsstatistiken fragen
Sie können jetzt per Klick einen Chat mit Gemini starten, um die folgenden Leistungsdaten zu untersuchen und entsprechend zu handeln:
- LCP nach Phase
- LCP-Anfrageerkennung
- Anfragen zum Blockieren des Renderings
- Verursacher von Layout Shifts
- Latenz der Dokumentanfrage
Du kannst uns unter crbug.com/371170842 Feedback zur Funktion geben.
Leistungsbefunde mit Gemini annotieren
Sie können Gemini jetzt auffordern, Anmerkungen zu Ereignissen im Leistungs-Trace zu generieren.
Klicke doppelt auf ein Ereignis im Haupt-Track und dann neben dem Eingabefeld auf Label erstellen. Gemini kann basierend auf dem Stack-Trace und dem Kontext ein Label vorschlagen.
Ihren Chats mit Gemini Screenshots hinzufügen
Im Bereich KI-Unterstützung können Sie jetzt auf die Schaltfläche Screenshot erstellen klicken, um einen Screenshot der Seite aufzunehmen und an Ihren Chat mit Gemini zu senden.
Mithilfe von Screenshots können Sie Ihren Prompts zusätzlichen visuellen Kontext hinzufügen, z. B. um zu prüfen, ob alle sichtbaren Schaltflächen denselben Abstand haben.
Neue Statistiken im Bereich „Leistung“
In dieser Version sind im Bereich Leistung zwei neue Statistiken verfügbar: Dupliziertes JavaScript und Altes JavaScript.
Dupliziertes JavaScript
Unter Leistung > Statistiken > Dupliziertes JavaScript werden im Netzwerk-Tracking die Anfragen für große duplizierte JavaScript-Module in Ihren Bundles hervorgehoben, sofern diese auf Ihrer Seite vorhanden sind.
Sie können auch in der Statistik auf Strukturkarte ansehen klicken, um sich JavaScript-Abhängigkeiten anzusehen.
Veraltetes JavaScript
Unter Leistung > Statistiken > Altes JavaScript werden im Netzwerk-Tracking die Anfragen für altes JavaScript hervorgehoben, sofern diese auf Ihrer Seite vorhanden sind. Dazu gehören beispielsweise Polyfills und Transformationen, die es älteren Browsern ermöglichen, neue JavaScript-Funktionen zu verwenden. Bei modernen Browsern hingegen sind viele davon nicht erforderlich.
Spekulationen unterstützen jetzt Regel-Tags
Unter Anwendung > Vorausbahnende Ladevorgänge werden jetzt Tags anstelle von URLs für Regelsätze angezeigt, sofern vorhanden.
Chromium-Problem: 393408589
Lighthouse 12.6.0
Im Bereich Lighthouse wird jetzt Lighthouse 12.6.0 ausgeführt.
In dieser Version werden Lighthouse-Prüfungen auf Leistungskennzahlen umgestellt. In der Kategorie Leistung des Lighthouse-Berichts können Sie jetzt Statistiken testen.
Weitere Informationen finden Sie in der vollständigen Liste der Änderungen.
Informationen zu den Grundlagen der Verwendung des Lighthouse-Steuerfelds in den DevTools finden Sie unter Lighthouse: Websitegeschwindigkeit optimieren.
Chromium-Problem: 40543651.
Sonstige Highlights
Hier sind einige wichtige Fehlerkorrekturen und Verbesserungen in dieser Version:
- Netzwerk: Es wurde ein Parsen für bekannte Formate von Serverzeitpunkten hinzugefügt.
- Sie können jetzt Zeilen in Tabellen mit Befehlstaste/Strg + Klick aufheben (Chromium-Problem: 409474445).
- Unter Leistung > Statistiken > Effiziente Cache-Lebensdauer verwenden werden jetzt Assets mit einer TTL von mindestens 30 Tagen ignoriert.
Bedienungshilfen
Diese Version bietet folgende Verbesserungen bei der Barrierefreiheit:
- Leistung: Die Pfeile für Auslöser in der Aufrufabfolge sind jetzt besser sichtbar.
- Elemente: Sie können jetzt die Baumansicht für Bedienungshilfen auf der ganzen Seite mit der Tastenkombination A ein- und ausblenden (Chromium-Problem: 40888478).
Screenreader sprechen jetzt unter anderem Folgendes an:
- „In Zwischenablage kopiert“, wenn Sie Codeblöcke kopieren.
- „Auf Arbeitsbereich anwenden“, wenn Sie im Chat der KI-Hilfe Änderungen an Ihrem Arbeitsbereich anwenden.
- „Label wird generiert“, wenn Sie die KI unter Leistung > Hinweise darum bitten.
- Im Chat der KI-Unterstützung werden Vorschläge angezeigt.
- Die geschätzten Einsparungen für relevante Statistiken finden Sie unter Leistung > Statistiken.
Vorschaukanäle herunterladen
Sie können Chrome Canary, Chrome Dev oder Chrome 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.
- Senden Sie uns Feedback und Funktionsanfragen unter crbug.com.
- Melden Sie ein DevTools-Problem über das Dreipunkt-Menü Weitere Optionen > Hilfe > DevTools-Problem melden.
- Tweeten Sie an @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 den DevTools
Eine Liste aller Themen, die in der Reihe Neu in den DevTools behandelt wurden.
- Verbesserungen am Bereich „Leistung“
- Vorverbundene Ursprünge in der Statistik „Netzwerkabhängigkeitsbaum“
- Serverantwort- und Weiterleitungszeiten in der Statistik „Latenz der Dokumentanfrage“
- Weiterleitungen in der Zusammenfassung der Netzwerkanfragen
- Rausch im Leistungs-Trace reduziert
- Einstellung „JavaScript-Samples deaktivieren“ eingestellt
- Parameter für die Genauigkeit der Standortbestimmung in „Sensoren“
- Verbesserungen am Bereich „Elemente“
- Einfachere Fehlerbehebung bei komplexen CSS-Werten
- Unterstützung von@function unter „Elemente“ > „Stile“
- Verbesserungen am Netzwerkbereich
- has-request-header-Filter
- Direct Sockets in isolierten Web-Apps
- Sonstige Highlights
- Bedienungshilfen
- Google I/O 2025
- CSS-Änderungen mit Gemini in Ihrem Arbeitsbereich ändern und speichern
- Arbeitsbereichsordner verbinden und Änderungen in den Quelldateien speichern
- Gemini nach Leistungsstatistiken fragen
- Leistungsergebnisse mit Gemini annotieren
- Chats mit Gemini Screenshots hinzufügen
- Neue Statistiken im Bereich „Leistung“
- Dupliziertes JavaScript
- Veraltetes JavaScript
- Für Spekulationen werden jetzt Regel-Tags unterstützt
- Lighthouse 12.6.0
- Sonstige Highlights
- Bedienungshilfen
- Verbesserungen am Bereich „Leistung“
- Neue Leistungsstatistiken
- Zum Markieren klicken
- Serverzeitangaben in der Zusammenfassung der Netzwerkanfragen
- Cookies unter „Datenschutz und Sicherheit“ filtern
- Größen in KB in Tabellen in allen Bereichen
- Die automatische Vervollständigung unterstützt „corner-shape“ und „corner-*-shape“ unter „Elemente“ > „Stile“.
- Experimentell: Hervorhebung von Problemen mit Elementen und Attributen im DOM
- Lighthouse 12.5.0
- Sonstige Highlights
- Verbesserungen am Bereich „Leistung“
- Ursprungs- und Script-Links für Profil- und Funktionsaufrufe unter „Leistung“
- Unterstützung von LCP nach Phase
- Netzwerkabhängigkeitsbaum
- Dauer anstelle von Gesamt- und Eigenzeit in der Zusammenfassung
- Hervorhebung des umfangreichsten Stacks
- Verbesserte leere Zustände für verschiedene Steuerfelder
- Baumstruktur für Barrierefreiheit in „Elemente“
- Lighthouse 12.4.0
- Sonstige Highlights
- Bereich „Datenschutz und Sicherheit“
- Verbesserungen am Bereich „Leistung“
- Kalibrierte Voreinstellungen für die CPU-Drosselung
- Verschiedene Leistungsereignisse im selben KI-Chat auswählen
- Hervorhebung von selbst erhobenen und Drittanbieter-Daten auf der Seite „Leistung“
- Felddaten in Markierungs-Tooltips und Statistiken
- Erkenntnisse zum erzwungenen dynamischen Umbruch
- Erkenntnis „DOM-Größe optimieren“
- Leistungs-Trace mit console.timeStamp erweitern
- Verbesserungen am Bereich „Elemente“
- Echtzeitwerte für animierte Stile
- Unterstützung der Pseudoklasse :open und verschiedener Pseudoelemente
- Alle Konsolenmeldungen kopieren
- Byte-Einheiten im Bereich „Speicher“
- Sonstige Highlights
- Dauerhafter KI-Chatverlauf
- Verbesserungen am Bereich „Leistung“
- Statistik zur Bildauslieferung
- Klassische und moderne Tastaturnavigation
- Irrelevante Scripts im Flammendiagramm ignorieren
- Zeitachsenmarkierungen und -bereiche werden beim Bewegen des Mauszeigers hervorgehoben
- Empfohlene Einstellungen für die Drosselung
- Zeitmarkierungen in einem Overlay
- Stack-Traces von JS-Aufrufen in der Zusammenfassung
- Kennzeicheneinstellungen wurden in „Elemente“ in das Menü verschoben
- Neuer Bereich „Das ist neu“
- Lighthouse 12.3.0
- Sonstige Highlights
- Netzwerkanfragen, Quelldateien und Leistungsaufzeichnungen mit Gemini debuggen
- KI-Chatverlauf ansehen
- Speicherplatz für Erweiterungen unter „Anwendung“ > „Speicher“ verwalten
- Leistungsverbesserungen
- Interaktionsphasen in Live-Messwerten
- Informationen zu renderblockierenden Elementen auf dem Tab „Zusammenfassung“
- Unterstützung für scheduler.postTask-Ereignisse und ihre Initiatorpfeile
- Verbesserungen am Bereich „Animationen“ und am Tab „Elemente > Stile“
- Von „Elemente“ > „Stile“ zu „Animationen“ springen
- Echtzeitaktualisierungen auf dem Tab „Berechnet“
- Druckemulation in Sensoren berechnen
- JS-Objekte mit demselben Namen, gruppiert nach Quelle im Bereich „Speicher“
- Neues Design für die Einstellungen
- Der Bereich „Leistungsstatistiken“ wird eingestellt und aus den Entwicklertools entfernt
- Sonstige Highlights
- CSS mit Gemini debuggen
- KI-Funktionen auf einem speziellen Tab in den Einstellungen verwalten
- Verbesserungen am Bereich „Leistung“
- Leistungsergebnisse annotieren und teilen
- Leistungsstatistiken direkt im Bereich „Leistung“ abrufen
- Übermäßige Layoutänderungen leichter erkennen
- Nicht zusammengesetzte Animationen erkennen
- Hardware-Nebenläufigkeit wird zu „Sensoren“ verschoben
- Anonyme Scripts in Stack-Traces ignorieren und sich 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 am Netzwerkbereich
- Netzwerkfilter neu gedacht
- Sensible Daten werden bei HAR-Exporten jetzt standardmäßig ausgeschlossen
- Verbesserungen im Bereich „Elemente“
- Autocomplete-Werte für text-emphasis-*-Properties
- Scroll-Overflows mit einem Symbol gekennzeichnet
- Verbesserungen am Bereich „Leistung“
- Empfehlungen in Live-Messwerten
- Navigationspfade verwenden
- Verbesserungen am Arbeitsspeicherbereich
- Neues Profil „Losgelöste Elemente“
- Verbesserte Benennung von einfachen JS-Objekten
- Dynamische Themen deaktivieren
- Chrome-Test: Prozessfreigabe
- Lighthouse 12.2.1
- Sonstige Highlights
- Der Rekorder unterstützt den Export nach Puppeteer für Firefox
- Verbesserungen am Bereich „Leistung“
- Beobachtungen zu Live-Messwerten
- Suchanfragen im Netzwerk-Track
- Stapelabzüge von „performance.mark“- und „performance.measure“-Aufrufen ansehen
- Testadressen im Autofill-Steuerfeld verwenden
- Verbesserungen am Bereich „Elemente“
- Weitere Status für bestimmte Elemente erzwingen
- Unter „Elemente“ > „Stile“ werden jetzt mehr Rastereigenschaften automatisch vervollständigt.
- Lighthouse 12.2.0
- Sonstige Highlights
- Console Insights by Gemini wird in den meisten europäischen Ländern eingeführt
- Änderungen am Bereich „Leistung“
- Erweiterter Netzwerk-Track
- Leistungsdaten mit der Extensibility API anpassen
- Details im Timing-Track
- Alle aufgeführten Anfragen im Netzwerkbereich 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-Ankerpositionierung im Bereich „Elemente“ prüfen
- Verbesserungen im Bereich „Quellen“
- Erweiterte Funktion „Hier nie pausieren“
- Neue Scroll-Snap-Ereignis-Listener
- 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
- Sonstige Highlights
- Verbesserungen am Bereich „Leistung“
- Tracks mit dem aktualisierten Konfigurationsmodus für Tracks verschieben und ausblenden
- Scripts im Flammendiagramm ignorieren
- CPU um das 20-fache drosseln
- Der Bereich „Leistungsstatistiken“ wird eingestellt
- Übermäßige Arbeitsspeichernutzung mit neuen Filtern in Heap-Snapshots ermitteln
- Speicher-Buckets unter „Anwendung“ > „Speicher“ prüfen
- Warnungen zu Self-XSS mit einem Befehlszeilen-Flag deaktivieren
- Lighthouse 12.0.0
- Sonstige Highlights
- Fehler und Warnungen in der Console mit Gemini besser nachvollziehen
- Unterstützung für@position-try-Regeln unter „Elemente“ > „Stile“
- Verbesserungen im Bereich „Quellen“
- Automatischen hübschen Ausdruck und Schließen von Klammern konfigurieren
- Abgelehnte Versprechen, die verarbeitet wurden, werden als erkannt erkannt.
- Fehlerursachen in der Console
- Verbesserungen am Netzwerkbereich
- Header für frühzeitige Hinweise prüfen
- Wasserfall-Spalte ausblenden
- Verbesserungen am Bereich „Leistung“
- CSS-Selektorstatistiken erfassen
- Reihenfolge ändern und Titel ausblenden
- Speicherplatzhalter im Bereich „Speicher“ ignorieren
- Lighthouse 11.7.1
- Sonstige 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 ihre untergeordneten Elemente im Flammendiagramm ausblenden
- Pfeile von ausgewählten Initiatoren zu den von ihnen initiierten Ereignissen
- Lighthouse 11.6.0
- Tooltips für spezielle Kategorien unter „Speicher“ > „Heap-Snapshots“
- Anwendung > Updates zum Speicherplatz
- Für Shared Storage verwendete Bytes
- Web SQL wird vollständig eingestellt
- Verbesserungen am Bereich „Abdeckung“
- Das Steuerfeld „Ebenen“ wird möglicherweise eingestellt
- Einstellung des JavaScript-Profilers: Phase 4, finale Phase
- Sonstige Highlights
- Osterei finden
- Änderungen am Bereich „Elemente“
- Fokussierte Seite unter „Elemente“ > „Stile“ emulieren
- Farbauswahl, Winkeluhr und Ease-In-Editor in
var()-Fallbacks - Das CSS-Tool für Längen ist eingestellt
- Pop-up-Fenster für das ausgewählte Suchergebnis unter „Leistung“ > „Haupt-Track“
- Änderungen am Bereich „Netzwerk“
- Schaltfläche „Löschen“ und Suchfilter auf dem Tab „Netzwerk“ > „EventStream“
- Tooltips mit Gründen für Ausnahmen für Drittanbieter-Cookies unter „Netzwerk“ > „Cookies“
- Alle Haltepunkte unter „Quellen“ aktivieren und deaktivieren
- Geladene Scripts in den DevTools 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 in der Zeitachse
- Ereignisauslöser im Hauptpfad
- Menü zur Auswahl einer JavaScript-VM-Instanz für Node.js DevTools
- Neuer Befehl und neuer Kurzbefehl 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 für die Position von emulierten faltbaren Geräten
- Dynamische Themen
- Warnungen zur Einstellung von Drittanbieter-Cookies in den Bereichen „Netzwerk“ und „Anwendung“
- Lighthouse 11.4.0
- Verbesserungen bei der Barrierefreiheit
- 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 Quellzuordnungen
- Verbesserungen am Bereich „Leistung“
- Erweiterte Interaktionen erfassen
- Erweiterte Filterung auf den Tabs „Bottom-Up“, „Anrufbaum“ und „Ereignisprotokoll“
- Einzugshinweise im Bereich „Quellen“
- Hilfreiche Kurzinfos zu überschriebenen Überschriften und Inhalten im Bereich „Netzwerk“
- Neue Optionen im Befehlsmenü zum Hinzufügen und Entfernen von Blockierungsmustern für Anfragen
- 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
- Erweiterte Funktion zum Ignorieren von Einträgen
- Standard-Ausschlussmuster für node_modules
- Abgefangene Ausnahmen beenden jetzt die Ausführung, wenn sie abgefangen oder durch nicht ignorierten Code übergeben werden.
x_google_ignoreListin Quellzuordnungen inignoreListumbenannt- Neuer Eingabemodus für das Remote-Debugging
- Im Bereich „Elemente“ werden jetzt URLs für #document-Knoten angezeigt.
- Gültige Content Security Policy im Bereich „Anwendung“
- Verbesserte Fehlerbehebung bei Animationen
- Dialogfeld „Ist dieser Code vertrauenswürdig?“ in „Quellen“ und Warnung vor Self-XSS in der Console
- Event-Listener-Haltepunkte in Webworkern und Worklets
- Das neue Mediensymbol für
<audio>und<video> - Vorabladen in „Spekulatives Laden“ umbenannt
- Lighthouse 11.2.0
- Verbesserungen bei der Barrierefreiheit
- Sonstige Highlights
- Verbesserter Abschnitt „@property“ unter „Elemente“ > „Stile“
- Bearbeitbare @property-Regel
- Probleme mit ungültigen @property-Regeln werden gemeldet
- Aktualisierte Liste der zu emulierenden Geräte
- Optimierte Darstellung von Inline-JSON in Script-Tags in „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 Properties unter „Elemente“ > „Stile“
- Weitere Verbesserungen bei lokalen Überschreibungen
- Erweiterte Suche
- Verbesserter Bereich „Quellen“
- Optimierter Arbeitsbereich im Bereich „Quellen“
- Bereiche in „Quellen“ neu anordnen
- Syntaxhervorhebung und übersichtliche Darstellung für mehr Scripttypen
- Medienfunktion „prefers-reduced-transparency“ emulieren
- Lighthouse 11
- Verbesserungen bei der Barrierefreiheit
- Sonstige Highlights
- Verbesserungen am Netzwerkbereich
- Webinhalte noch schneller lokal überschreiben
- Inhalte von XHR- und Abrufanfragen überschreiben
- Anfragen von Chrome-Erweiterungen ausblenden
- Lesbare HTTP-Statuscodes
Leistung: Änderungen an 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 die Entwicklertools ist jetzt Open Source
- Sonstige Highlights
- (Experimentell) Neue Rendering-Emulation: „prefers-reduced-transparency“
- (Experimentell) Erweiterter Protokoll-Monitor
- Verbesserte Fehlerbehebung bei fehlenden Stylesheets
- Unterstützung für lineare Zeitachsen unter „Elemente“ > „Stile“ > „Editor für Übergänge“
- Unterstützung von Speicher-Buckets und Metadatenansicht
- Lighthouse 10.3.0
- Bedienungshilfen: Tastaturbefehle und verbesserte Screenreader-Funktionen
- Sonstige Highlights
- Verbesserungen bei Elementen
- Neues CSS-Logo für das CSS-Subgrid
- Spezifizität der Auswahl in Kurzinfos
- Werte benutzerdefinierter CSS-Properties in Kurzinfos
- Verbesserungen bei Quellen
- CSS-Syntax-Hervorhebung
- Tastenkürzel zum Festlegen bedingter Haltepunkte
- Anwendung > Eindämmung von Bounce-Tracking
- Lighthouse 10.2.0
- Content-Scripts standardmäßig ignorieren
- Netzwerk > Antwortverbesserungen
- Sonstige Highlights
- Unterstützung für das WebAssembly-Debugging
- Verbessertes Schrittverhalten in Wasm-Apps
- Fehlerbehebung für das automatische Ausfüllen mit dem Bereich „Elemente“ und dem Tab „Probleme“
- Behauptungen in der Rekorder App
- Lighthouse 10.1.1
- Leistungsverbesserungen
- Mit „performance.mark()“ wird das Timing beim Hovern unter „Leistung“ > „Timings“ angezeigt.
- Der Befehl „profile()“ füllt „Leistung“ > „Haupt“ aus
- Warnung bei langsamen Nutzerinteraktionen
- Web Vitals-Updates
- Einstellung des JavaScript-Profilers: Phase 3
- Sonstige Highlights
- Netzwerkantwortheader überschreiben
- Verbesserungen beim Debuggen von Nuxt, Vite und Rollup
- CSS-Verbesserungen unter „Elemente“ > „Stile“
- Ungültige CSS-Eigenschaften und ‑Werte
- Links zu Keyframes in der Kurzschreibweise für die Animation
- Neue Console-Einstellung: Automatische Vervollständigung bei Eingabetaste
- Im Befehlsmenü werden erstellte Dateien hervorgehoben
- Einstellung des JavaScript-Profilers: Phase 2
- Sonstige Highlights
- Updates für Rekorder
- Erweiterungen für die Wiedergabe von Aufzeichnungen
- Mit Durchstoßpunkten aufnehmen
- Aufzeichnungen als Puppeteer-Scripts mit Lighthouse-Analyse exportieren
- Erweiterungen für den Rekorder
- Elemente > Updates für Stile
- CSS-Dokumentation im Bereich „Styles“
- Unterstützung für CSS-Verschachtelung
- Logpoints und bedingte Haltepunkte in der Console markieren
- Irrelevante Scripts beim Debuggen ignorieren
- Einstellung des JavaScript-Profilers
- Weniger Kontrast emulieren
- Lighthouse 10
- Sonstige Highlights
- Fehlerbehebung bei HD-Farben mit dem Bereich „Stile“
- Verbesserte UX für Unterbrechungen
- Benutzerdefinierte Tastenkürzel für den Rekorder
- Verbesserte Syntaxhervorhebung für Angular
- Caches im Bereich „Anwendung“ neu anordnen
- 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
- Automatische In-Place-Lesbarkeitsoptimierung
- Verbesserte Syntaxhervorhebung und Inline-Vorschau für Vue, SCSS und mehr
- Ergonomische und einheitliche automatische Vervollständigung in der Console
- Sonstige Highlights
- Aufzeichnung: Optionen zum Kopieren von Schritten, Wiedergabe auf der Seite, Kontextmenü des Schritts
- Tatsächliche Funktionsnamen in den Aufzeichnungen der Leistung 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
- Sonstige Highlights
- Tastenkürzel in den DevTools anpassen
- Zwischen hellem und dunklem Design mit Tastenkombination wechseln
- C/C++-Objekte im Speicherprüftool hervorheben
- Vollständige Initiatorinformationen für den HAR-Import unterstützen
- DOM-Suche nach Drücken der Taste
Enterstarten start- undend-Symbole füralign-content-CSS-Flexbox-Eigenschaften anzeigen- Sonstige Highlights
- Dateien im Bereich „Quellen“ nach „Erstellt“/„Bereitgestellt“ gruppieren
- Verknüpfte Stack-Traces für asynchrone Vorgänge
- Bekannte Drittanbieter-Scripts 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 Messwert „Interaktionen“ im Bereich „Leistung“
- Aufschlüsselung der LCP-Zeiten im Bereich „Leistungsstatistiken“
- Standardnamen für Aufnahmen im Rekorderbereich automatisch generieren
- Sonstige Highlights
- Schritt-für-Schritt-Anleitung zum Abspielen im Rekorder
- Unterstützung von Mauszeiger-Ereignissen im Rekorder-Steuerfeld
- Largest Contentful Paint (LCP) im Bereich „Leistungsstatistiken“
- Textblitze (FOIT, FOUT) als mögliche Ursachen für Layoutänderungen identifizieren
- Protokoll-Handler im Manifestbereich
- Symbol für die oberste Ebene im Elementbereich
- Wasm-Debugging-Informationen zur Laufzeit anhängen
- Unterstützung für Live-Bearbeitung während der Fehlerbehebung
- @scope at-Regeln im Bereich „Stile“ ansehen und bearbeiten
- Verbesserungen bei Quellzuordnungen
- Sonstige Highlights
- Frame während der Fehlerbehebung neu starten
- Optionen für die Zeitlupenwiedergabe im Rekorder
- Erweiterung für das Steuerfeld für die Aufnahme erstellen
- Dateien im Bereich „Quellen“ nach „Erstellt“/„Bereitgestellt“ gruppieren
- Neuer Messwert „Nutzertimings“ im Bereich „Leistungsstatistiken“
- Zugewiesenen Slot eines Elements anzeigen
- Hardware-Parallelität für Leistungsaufzeichnungen simulieren
- Vorschau eines anderen Werts als Farbwert beim automatischen Vervollständigen von CSS-Variablen anzeigen
- Blockierende Frames im Back-Forward-Cache-Bereich identifizieren
- Verbesserte Vorschläge für die automatische Vervollständigung von JavaScript-Objekten
- Verbesserungen bei Quellkarten
- Sonstige Highlights
- Doppelklick- und Rechtsklickereignisse im Bereich „Aufzeichnung“ erfassen
- Neuer Zeitspanne- und Snapshot-Modus im Lighthouse-Steuerfeld
- Verbesserte Zoomsteuerung im Bereich „Leistungsstatistiken“
- Löschen einer Leistungsaufzeichnung bestätigen
- Bereiche im Bereich „Elemente“ neu anordnen
- 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 an einem Haltepunkt
- Änderungen an der Console
- Aufzeichnung des User Flows 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-Regeln im Bereich „Stile“ ansehen und bearbeiten
- Unterstützung gängiger Auswahlmöglichkeiten standardmäßig
- Auswahl für die Aufnahme anpassen
- Aufnahme umbenennen
- Vorschau von Klassen-/Funktionseigenschaften beim Bewegen des Mauszeigers
- Teilweise angezeigte Frames im Bereich „Leistung“
- Sonstige Highlights
- WebSocket-Anfragen drosseln
- Neuer Bereich „Reporting API“ im Bereich „Anwendung“
- 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“
- Quelldateien von Workern im Bereich „Quellen“ anzeigen
- Änderungen am automatischen dunklen Design in Chrome
- Touchfreundliche Farbauswahl und geteilter Bereich
- Sonstige Highlights
- Vorabversion: Vollbild-Baumansicht für Barrierefreiheit
- Detailliertere Änderungen auf dem Tab „Änderungen“
- Längere Zeitüberschreitung für die Aufzeichnung des User Flows festlegen
- Über den Tab „Back-Forward-Cache“ prüfen, ob Ihre Seiten im Cache gespeichert werden können
- Filter im neuen Bereich „Properties“
- CSS-Medienfunktion „forced-colors“ emulieren
- Befehl „Lineale anzeigen, wenn der Mauszeiger darauf bewegt wird“
- Unterstützung von
row-reverseundcolumn-reverseim Flexbox-Editor - Neue Tastenkombinationen zum Wiedergeben von XHR und zum Maximieren aller Suchergebnisse
- Lighthouse 9 im Lighthouse-Steuerfeld
- Verbesserter Bereich „Quellen“
- Sonstige Highlights
- [Experimentell] Endpunkte im Bereich „Reporting API“
- Vorabversion: Neues Steuerfeld für den Rekorder
- Geräteliste im Gerätemodus aktualisieren
- Automatische Vervollständigung mit „Als HTML bearbeiten“
- Verbessertes Debuggen von Code
- DevTools-Einstellungen geräteübergreifend synchronisieren
- Vorabversion: Neuer Bereich „CSS-Übersicht“
- Wiederherstellung und Verbesserung der Bearbeitung und des Kopierens von CSS-Abständen
- CSS-Medienfunktion „prefers-contrast“ emulieren
- Die Funktion „Automatisches dunkles Design“ von Chrome emulieren
- Deklarationen im Bereich „Stile“ als JavaScript kopieren
- Neuer Tab „Nutzlast“ im Bereich „Netzwerk“
- Die Anzeige von Properties im Bereich „Properties“ wurde verbessert.
- Option zum Ausblenden von CORS-Fehlern in der Console
- Richtige Vorschau und Bewertung von
Intl-Objekten in der Console - Konsistente Async-Stacktraces
- Seitenleiste der Console beibehalten
- Der verworfene Bereich „Application Cache“ im Bereich „Application“
- [Experimentell] Neuer Bereich „Reporting API“ im Bereich „Anwendung“
- Neue Authoring-Tools für die CSS-Länge
- Probleme auf dem Tab „Probleme“ ausblenden
- Die Darstellung von Unterkünften wurde verbessert
- Lighthouse 8.4 im Leuchtturm-Steuerfeld
- Snippets im Bereich „Quellen“ sortieren
- Neue Links zu den Übersetzungen der Versionshinweise und Melden eines Übersetzungsfehlers
- Verbesserte Benutzeroberfläche für das DevTools-Befehlsmenü
- 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“
- Web-Bundle-Vorschau im Bereich „Netzwerk“
- Fehlerbehebung bei der Attribution Reporting API
- Verbesserte Stringbehandlung in der Console
- Verbesserte CORS-Fehlerbehebung
- Lighthouse 8.1
- URL für neue Notiz im Bereich „Manifest“
- Fixierte CSS-Abgleichs-Selektoren
- JSON-Antworten im Bereich „Netzwerk“ im benutzerfreundlichen Format anzeigen
- CSS-Raster-Editor
- Unterstützung für die erneute Deklaration von
constin der Console - Viewer für Quellenreihenfolge
- Neue Tastenkombination zum Aufrufen von Frame-Details
- Erweiterte CORS-Debugging-Unterstützung
- XHR-Label in „Fetch/XHR“ umbenennen
- Wasm-Ressourcentyp im Bereich „Netzwerk“ filtern
- User-Agent-Client-Hints für Geräte auf dem Tab „Netzwerkbedingungen“
- Probleme im Quirks-Modus auf dem Tab „Probleme“ melden
- Compute-Überschneidungen in den Bereich „Leistung“ aufnehmen
- Lighthouse 7.5 im Leuchtturm-Steuerfeld
- Das Kontextmenü „Frame neu starten“ im Aufrufstack wurde eingestellt
- [Experimentell] Protokollmonitor
- [Experimentell] Puppeteer Recorder
- 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-Encodings - Tastenkombination zum Ansehen des berechneten Werts
accent-colorKeyword- Problemtypen mit Farben und Symbolen kategorisieren
- Vertrauenstokens löschen
- Blockierte Funktionen in der Detailansicht des Frames
- Tests in den Testeinstellungen filtern
- Neue Spalte
Vary Headerim Bereich „Cache-Speicher“ - Unterstützung der JavaScript-Prüfung für private Marken
- Erweiterter Support für die Fehlerbehebung bei Haltestellen
- Unterstützung von Vorschauen beim Bewegen des Mauszeigers mit
[]-Notation - 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 Bereich „Anwendung“
- CSS-Medienfunktion „color-gamut“ emulieren
- Verbesserte Tools für progressive Web-Apps
- Neue Spalte
Remote Address Spaceim Bereich „Netzwerk“ - Leistungsverbesserungen
- Zulässige/nicht zulässige Funktionen in der Detailansicht des Frames anzeigen
- Neue Spalte
SamePartyim Bereich „Cookies“ - Eingestellte Unterstützung für nicht standardmäßige
fn.displayName-Formate - Einstellung
Don't show Chrome Data Saver warningim Menü „Einstellungen“ wird eingestellt - [Experimentell] Automatische Meldung von Problemen mit geringem Kontrast auf dem Tab „Probleme“
- [Experimentell] Vollständige Baumansicht für 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 Leuchtturm-Steuerfeld
- Unterstützung für erzwungenen CSS-Status
:target - Neue Tastenkombination zum Duplizieren von Elementen
- Farbfelder für benutzerdefinierte CSS-Properties
- 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“
- Neue Informationen zu Dienst-Workern in der Frame-Detailansicht
- Speicherinformationen in der Ansicht „Frame-Details“ messen
- Feedback über den Tab „Probleme“ geben
- Im Steuerfeld „Leistung“ angezeigte Frame-Ausfälle
- Faltbare Geräte und Dual-Screen-Geräte 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)
- Schnelleres Starten der Entwicklertools
- Neue Tools zur Visualisierung von Blickwinkeln auf Preisvergleichsportalen
- Nicht unterstützte Bildtypen emulieren
- Speicherkontingentgröße im Bereich „Speicher“ simulieren
- Neue Web Vitals-Leiste 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 Öffnerrahmen für geöffnete Fenster anzeigen
- Netzwerkbereich über den Bereich „Service Workers“ öffnen
- Property-Wert kopieren
- Stacktrace für Netzwerkinitiator kopieren
- Wasm-Variablenwert bei Mausbewegung als Vorschau anzeigen
- Wasm-Variable in der Console auswerten
- Einheitliche Maßeinheiten für Datei-/Speichergrößen
- Pseudo-Elemente im Bereich „Elemente“ hervorheben
- [Experimentell] CSS Flexbox-Debugging-Tools
- [Experimentell] Tastenkürzel für Akkorde anpassen
- Neue Tools zum Debuggen von CSS-Rastern
- Neuer WebAuthn-Tab
- Tools zwischen dem oberen und unteren Steuerfeld verschieben
- Neue Seitenleiste „Berechnet“ im Bereich „Stile“
- CSS-Eigenschaften im Bereich „Berechnet“ gruppieren
- Lighthouse 6.3 im Lighthouse-Steuerfeld
performance.mark()-Ereignisse im Bereich „Timings“- Neue
resource-type- undurl-Filter im Bereich „Werbenetzwerk“ - Änderungen an der Ansicht der Frame-Details
- Einstellung von
Settingsim Menü „Weitere Tools“ - [Experimentell] Probleme mit dem Farbkontrast im Bereich „CSS-Übersicht“ ansehen und beheben
- [Experimentell] Tastenkürzel in den DevTools 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 Lighthouse-Steuerfeld
- Eintrag „andere Ursprünge“ im Bereich „Service Worker“ wird eingestellt
- Abdeckungsübersicht für gefilterte Elemente anzeigen
- Neue Ansicht für Frame-Details im Bereich „Anwendung“
- Vorschlag für barrierefreie Farben im Bereich „Stile“
- Bereich Eigenschaften im Bereich „Elemente“ wiederherstellen
- Lesbare
X-Client-Data-Headerwerte im Bereich „Netzwerk“ - Benutzerdefinierte Schriftarten im Bereich „Stile“ automatisch vervollständigen
- Ressourcentyp im Bereich „Netzwerk“ immer 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
respondWithauf dem Tab „Timing“ - Konsistentes Anzeigen des Bereichs „Berechnet“
- Bytecode-Abweichungen für WebAssembly-Dateien
- Zeile für Zeile im Bereich „Quellen“ kopieren und ausschneiden
- Änderungen an den Console-Einstellungen
- Änderungen am Bereich „Leistung“
- 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“
- Präzisere Terminologie für Zusagen 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“ wurde im Hauptmenü verschoben
- Das Steuerfeld „Audits“ heißt jetzt „Lighthouse“
- Alle lokalen Überschreibungen in einem Ordner löschen
- Aktualisierte Benutzeroberfläche für lange Aufgaben
- Unterstützung für maskierbare Symbole im Manifestbereich
- Unterstützung von Moto G4 im Gerätemodus
- Änderungen im Zusammenhang mit Cookies
- Genauere Symbole für Web-App-Manifeste
- Den Mauszeiger auf CSS-
content-Properties bewegen, um nicht entescapede Werte zu sehen - Quellkartenfehler in der Console
- Einstellung zum Deaktivieren des Scrollens über das Ende einer Datei hinaus
- Unterstützung für die Neudeklaration von
letundclassin der Console - Verbessertes WebAssembly-Debugging
- Initiatorenketten auf dem Tab „Initiator“ anfordern
- Ausgewählte Netzwerkanfrage in der Übersicht hervorheben
- URL- und Pfadspalten im Bereich „Netzwerk“
- Aktualisierte User-Agent-Strings
- Neue Konfigurations-UI für den Bereich „Audits“
- Modi für die Codeabdeckung pro Funktion oder Block
- Die Codeabdeckung muss jetzt durch ein Seitenaktualisieren gestartet werden.
- Herausfinden, warum ein Cookie blockiert wurde
- Cookie-Werte 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 „Konsole“ und „Quellen“ werden die Einstellungen für Einzüge wieder berücksichtigt
- Neue Tastenkürzel für die Cursornavigation
- Unterstützung mehrerer Kunden im Bereich „Analysen“
- Fehlerbehebung für Zahlungsabwickler
- Lighthouse 5.2 im Bereich „Audits“
- Largest Contentful Paint im Bereich „Leistung“
- DevTools-Probleme über das Hauptmenü melden
- Elementstile kopieren
- Layoutänderungen visualisieren
- Lighthouse 5.1 im Bereich „Audits“
- Synchronisierung des Betriebssystem-Designs
- 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 Registrierung von Dienst-Workern
- 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
- Inline-Haltepunkte im Bereich „Haltepunkte“
- 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 „Audits“
- WebSocket-Binärnachrichtenanzeige
- Screenshot vom Bereich im Befehlsmenü erstellen
- Service Worker-Filter im Bereich „Netzwerk“
- Änderungen am Bereich „Leistung“
- Lange Aufgaben in Aufzeichnungen im Bereich „Leistung“
- First Paint im Bereich „Timing“
- Bonustipp: Tastenkombination zum Aufrufen von RGB- und HSL-Farbcodes (Video)
- Logpunkte
- Detaillierte Kurzinfos im Inspektionsmodus
- Daten zur Codeabdeckung exportieren
- Console mit einer Tastatur bedienen
- Linie für das AAA-Kontrastverhältnis in der Farbauswahl
- Benutzerdefinierte Überschreibungen für die Standortermittlung speichern
- Code-Einklappen
- Der Tab „Frames“ wurde in „Nachrichten“ umbenannt
- Bonustipp: Filtern nach Property im Netzwerkbereich (Video)
- Leistungsmesswerte im Bereich „Leistung“ visualisieren
- Textknoten im DOM-Baum markieren
- JS-Pfad in einen DOM-Knoten kopieren
- Aktualisierungen des Bereichs „Audits“, einschließlich einer neuen Prüfung, mit der JS-Bibliotheken erkannt werden, und neuer Keywords für den Zugriff auf den Bereich „Audits“ über das Menü „Befehle“
- Bonustipp: Mediaabfragen 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()ausgelöste Ereignisse eines Knotens in der Console protokollieren (Video) - Live-Ausdrücke in der Console
- DOM-Knoten bei der genauen Auswertung hervorheben
- Optimierungen für den Bereich „Leistung“
- Zuverlässigeres Debugging
- Netzwerkdrosselung über das Befehlsmenü aktivieren
- Bedingte Unterbrechungen automatisch vervollständigen
- Bei AudioContext-Ereignissen pausieren
- Node.js-Anwendungen mit ndb debuggen
- Bonustipp: Nutzerinteraktionen in der Praxis mit der User Timing API messen
- Eager Evaluation
- 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
- Die Option „Zeitstempel anzeigen“ wurde in die Einstellungen verschoben
- Bonustipp: Weniger bekannte Konsolenmethoden (Video)
- In allen Netzwerkheadern suchen
- Vorschau für CSS-Variablenwerte
- Als Fetch kopieren
- Neue Prüfungen, Konfigurationsoptionen für Computer und Aufrufspuren
- Endlosschleifen beenden
- Nutzertimings auf den Leistungs-Tabs
- JavaScript-VM-Instanzen werden im Bereich „Speicher“ klar aufgeführt
- Der Tab „Netzwerk“ wurde in „Seite“ umbenannt
- Aktualisierungen für das dunkle Design
- Informationen zur Zertifikatstransparenz im Bereich „Sicherheit“
- Funktionen zur Website-Isolierung im Bereich „Leistung“
- Bonustipp: Ebenenbereich + Animations-Inspector (Video)
- Blackbox im Bereich „Netzwerk“
- Zoom im Gerätemodus automatisch anpassen
- Schönformatierte Ausgabe 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
- Bonustipp: DevTools-Aktionen mit Puppeteer automatisieren (Video)
- Leistungsmonitor
- Console-Seitenleiste
- Ähnliche Konsolenmelden gruppieren
- Bonustipp: Pseudoklassifizierung „hover“ ein- und ausschalten (Video)
- Unterstützung für die Remote-Fehlerbehebung für mehrere Kunden
- Workspaces 2.0
- 4 neue Audits
- Push-Benachrichtigungen mit benutzerdefinierten Daten simulieren
- Hintergrundsynchronisierungsereignisse mit benutzerdefinierten Tags auslösen
- Bonustipp: Event-Listener-Haltepunkte (Video)
- Top-Level-await 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
- Bessere Cache-Fehlerbehebung
- Codeabdeckung auf Blockebene
- Simulation der Drosselung von Mobilgeräten
- Speichernutzung ansehen
- Sehen, wann ein Service Worker Antworten im Cache gespeichert hat
- FPS-Messer über das Befehlsmenü aktivieren
- Verhalten des Mausrads für Zoomen oder Scrollen festlegen
- Unterstützung für das Debuggen von ES6-Modulen
- Neuer Bereich „Audits“
- Abzeichen von Drittanbietern
- Neue Geste für „Hier weiter“
- Asynchrones JavaScript
- Aussagekräftigere Objektvorschauen in der Console
- Aussagekräftigere Kontextauswahl in der Console
- Echtzeitaktualisierungen auf dem Tab „Abdeckung“
- Einfachere Optionen für die Netzwerkdrosselung
- Asynchrone Stacks standardmäßig aktiviert
- Abdeckung von CSS- und JS-Code
- Screenshots des ganzen Bildschirms
- Anfragen blockieren
- Über „async await“ springen
- Einheitliches Befehlsmenü