Willkommen zur ersten Ausgabe der DevTools-Versionshinweise! Wenn Sie eine neue Version von Chrome zum ersten Mal öffnen, wird ab sofort die Schublade Neuigkeiten mit einem Link zu den Versionshinweisen für diese Version geöffnet.
Highlights
- Der Bereich „Zeitachse“ wurde in „Leistung“ umbenannt.
- Der Bereich „Profile“ wurde in „Speicher“ umbenannt.
- Cookie-Werte können jetzt bearbeitet werden.
- DevTools pausiert jetzt automatisch vor Out-of-Memory-Fehlern.
Neue Funktionen
Bearbeitbare Cookies
Doppelklicken Sie auf eine Zelle auf dem Tab Cookies, um den Wert zu bearbeiten.
Vielen Dank an kdzwinel für den Beitrag.
CSS-Variablen im Bereich „Stile“ prüfen und bearbeiten
Sie können jetzt CSS-Variablen im Bereich „Stile“ prüfen und bearbeiten. CSS-Variablen-Demo
Haltepunkte aufgrund von unzureichendem Arbeitsspeicher
Wenn eine App in kurzer Zeit viel Speicher zuweist, pausiert DevTools jetzt automatisch und erhöht das Heap-Limit. So können Sie den Heap untersuchen, Befehle in der Konsole ausführen, um Speicher freizugeben, und das Problem weiter debuggen. Weitere Informationen finden Sie unter One Small Step For Chrome, One Giant Heap For V8.
Breakpoints beim Erstellen von Canvas
Sie können jetzt Event-Listener-Breakpoints erstellen, die immer dann ausgelöst werden, wenn ein neuer Canvas-Kontext erstellt wird.
Statistiken zur Startzeit auf dem Tab „Timing“
Oben auf dem Tab „Timing“ sehen Sie jetzt, wann eine Anfrage in die Warteschlange eingereiht und gestartet wurde.
Serverstatistiken auf dem Tab „Timing“
Sie können jetzt benutzerdefinierte Serverstatistiken auf dem Tab „Timing“ einfügen. Ein Beispiel finden Sie unter Demo von Server-Timing-Werten.
Vielen Dank an sroussey für den Beitrag!
Änderungen
Der Bereich „Zeitachse“ ist jetzt der Bereich „Leistung“
Das Zeitachsendiagramm wurde in „Leistungsdiagramm“ umbenannt, um seinen Zweck besser widerzuspiegeln.
Der Bereich „Profile“ ist jetzt der Bereich „Arbeitsspeicher“
Der Bereich „Profile“ wurde in „Arbeitsspeicher“ umbenannt, um seinen Zweck besser widerzuspiegeln.
Das CPU-Profiler-Tool befindet sich hinter einem ausgeblendeten Bereich.
Da der Bereich „Profile“ jetzt „Arbeitsspeicher“ heißt, ist es nicht mehr sinnvoll, den CPU-Profiler in diesem Bereich zu platzieren. Außerdem ist es das langfristige Ziel, dass alle Nutzer das Profiling über das Leistungspanel durchführen. In der Zwischenzeit können Sie weiterhin über Einstellungen > Weitere Tools > JavaScript-Profiler auf den alten CPU-Profiler zugreifen.
Weitere Informationen zum Profilieren der CPU im Bereich „Leistung“
Neue Konsolen-Benutzeroberfläche
Das Console-Panel und die ‑Schublade haben einige Änderungen an der Benutzeroberfläche erfahren. Einige weniger beliebte Funktionen wurden an weniger sichtbare Stellen verschoben und beliebte Funktionen sind jetzt leichter zugänglich.
- Klicken Sie auf Konsoleneinstellungen
, um auf die Einstellungen zum Anpassen des Konsolenverhaltens zuzugreifen. - Die Option Log beibehalten ist jetzt in den Konsoleneinstellungen verborgen.
- Die Schaltfläche Filter und der Bereich sind nicht mehr vorhanden. Verwenden Sie stattdessen das Drop-down-Menü.
- Das Textfeld zum Filtern von Protokollen wird jetzt immer angezeigt. Bisher war sie im Bereich „Filter“ verborgen.
- Das Filtertextfeld akzeptiert automatisch reguläre Ausdrücke. Das Kästchen RegEx ist daher nicht mehr vorhanden.
- Das Kästchen Verstöße ausblenden ist nicht mehr vorhanden. Stellen Sie das Drop-down-Menü für die Protokollierungsebene auf Verbose ein, um Verstöße zu sehen.
- Wenn Sie in der alten Benutzeroberfläche das Kästchen Alle Mitteilungen anzeigen deaktivieren, entspricht das dem Aktivieren des Kästchens Nur ausgewählter Kontext in den Konsoleneinstellungen in der neuen Benutzeroberfläche.
WebGL-Event-Listener-Haltepunkte wurden verschoben
Die WebGL-Ereignis-Listener-Breakpoints wurden von der Kategorie WebGL in die Kategorie Canvas verschoben. Die Kategorie WebGL wurde entfernt.