Willkommen bei den ersten DevTools-Release-Notes. Wenn Sie eine neue Version von Chrome zum ersten Mal öffnen, wird in den DevTools der Bereich Neuerungen mit einem Link zu den Releasenotes 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.
- Die DevTools werden jetzt automatisch pausiert, bevor Out-of-Memory-Fehler auftreten.
Neue Funktionen
Bearbeitbare Cookies
Klicken Sie auf dem Tab Cookies doppelt auf eine Zelle, um den Wert zu bearbeiten.
Vielen Dank an kdzwinel für den Beitrag.
Im Bereich „Stile“ können CSS-Variablen geprüft und bearbeitet werden.
Sie können CSS-Variablen jetzt im Bereich „Stile“ prüfen und bearbeiten. In der Demo zu CSS-Variablen können Sie es selbst ausprobieren.
Haltepunkte für nicht genügend Arbeitsspeicher
Wenn eine App in kurzer Zeit viel Arbeitsspeicher zuweist, wird der Heap jetzt automatisch pausiert und das Heap-Limit erhöht. So können Sie den Heap prüfen, Befehle in der Konsole ausführen, um Speicher freizugeben, und mit der Fehlerbehebung fortfahren. Weitere Informationen finden Sie unter Ein kleiner Schritt für Chrome, ein großer Haufen für V8.
Unterbrechungen beim Erstellen der Leinwand
Sie können jetzt Ereignislistener-Breakpoints erstellen, die ausgelöst werden, wenn ein neuer Canvas-Kontext erstellt wird.
Statistiken zum Startzeitpunkt auf dem Tab „Timing“
Oben auf dem Tab „Timing“ sehen Sie jetzt, wann eine Anfrage in die Warteschlange gestellt und gestartet wurde.
Serverstatistiken auf dem Tab „Timing“
Auf dem Tab „Timing“ können Sie jetzt benutzerdefinierte Serverstatistiken einfügen. Eine Demo zu Server-Timing-Werten finden Sie hier.
Vielen Dank an sroussey für den Beitrag!
Änderungen
Der Bereich „Zeitachse“ heißt jetzt „Leistung“
Der Bereich „Zeitachse“ wurde in „Leistung“ umbenannt, um seinen Zweck besser zu verdeutlichen.
Der Bereich „Profile“ heißt jetzt „Speicher“
Der Bereich „Profile“ wurde in „Speicher“ umbenannt, um seinen Zweck besser zu verdeutlichen.
Der CPU-Profiler ist hinter einem ausgeblendeten Bereich verborgen
Da der Bereich „Profile“ jetzt „Arbeitsspeicher“ heißt, macht es keinen Sinn mehr, den CPU-Profiler dort zu platzieren. Langfristig soll es möglich sein, alle Nutzer über das Steuerfeld „Leistung“ zu profilieren. In der Zwischenzeit können Sie weiterhin über Einstellungen > Weitere Tools > JavaScript-Profiler auf den alten CPU-Profiler zugreifen.
Chrome DevTools: JavaScript-CPU-Profilierung in Chrome 58
Neue Console-Benutzeroberfläche
Das Console-Steuerfeld und die Console-Seitenleiste wurden an die neue Benutzeroberfläche angepasst. Einige weniger beliebte Funktionen wurden an weniger sichtbare Stellen verschoben und beliebte Funktionen sind jetzt leichter zugänglich.
- Klicken Sie auf Console-Einstellungen
, um die Einstellungen für die Anpassung des Verhaltens der Console aufzurufen. - Protokoll beibehalten ist jetzt in den Console-Einstellungen ausgeblendet.
- Die Schaltfläche und der Bereich Filter sind nicht mehr vorhanden. Verwenden Sie stattdessen das Drop-down-Menü.
- Das Textfeld zum Filtern von Protokollen wird jetzt immer angezeigt. Bisher war er im Bereich „Filter“ ausgeblendet.
- Das Textfeld für die Filterung akzeptiert automatisch Regex, sodass das Kästchen Regex nicht mehr angezeigt wird.
- Das Kästchen Verstöße ausblenden ist nicht mehr vorhanden. Legen Sie das Drop-down-Menü für die Protokollierungsebene auf Ausführlich fest, um Verstöße zu sehen.
- Wenn Sie in der alten Benutzeroberfläche das Kästchen Alle Nachrichten anzeigen deaktivieren, entspricht das dem Aktivieren des Kästchens Nur ausgewählter Kontext in den Console-Einstellungen in der neuen Benutzeroberfläche.
WebGL-Ereignis-Listener-Haltepunkte wurden verschoben
Die WebGL-Ereignis-Listener-Breakpoints wurden aus der Kategorie WebGL in die Kategorie Canvas verschoben. Die Kategorie WebGL wurde entfernt.