Neu in den Entwicklertools (Chrome 58)

Kayce Basken
Kayce Basques

Willkommen bei der ersten Ausgabe der Versionshinweise für die Entwicklertools. Wenn Sie eine neue Version von Chrome zum ersten Mal öffnen, wird in den Entwicklertools die Leiste Neue Funktionen mit einem Link zu den Versionshinweisen für diese Version geöffnet.

Highlights

  • Das Steuerfeld „Zeitachse“ wurde in „Leistung“ umbenannt.
  • Das Steuerfeld „Profile“ wurde in „Arbeitsspeicher“ umbenannt.
  • Cookiewerte können jetzt bearbeitet werden.
  • Die Entwicklertools werden jetzt vor Fehlern wegen unzureichenden Arbeitsspeichers automatisch pausiert.

Neue Funktionen

Bearbeitbare Cookies

Doppelklicken Sie auf eine Zelle auf dem Tab Cookies, um diesen Wert zu bearbeiten.

Ein Cookie bearbeiten.
Abbildung 1: Cookies bearbeiten

Vielen Dank an kdzwinel für den Beitrag!

Inspectable- und bearbeitbare CSS-Variablen im Bereich „Stile“

Sie können jetzt CSS-Variablen im Bereich „Styles“ prüfen und bearbeiten. Unter Demo für CSS-Variablen können Sie es selbst ausprobieren.

Haltepunkte mit unzureichendem Arbeitsspeicher

Wenn eine Anwendung innerhalb kurzer Zeit viel Arbeitsspeicher zuweist, pausiert die Entwicklertools jetzt automatisch und erhöht das Heap-Limit. Auf diese Weise können Sie den Heap überprüfen, in der Console Befehle ausführen, um Arbeitsspeicher freizugeben, und die Fehlerbehebung fortsetzen. Weitere Informationen finden Sie unter One Small Step for Chrome, One Giant Heap für V8.

Bei einem Haltepunkt mit unzureichendem Arbeitsspeicher pausiert
Abbildung 2: Bei Haltepunkt mit unzureichendem Arbeitsspeicher pausiert

Haltepunkte beim Erstellen von Canvas

Sie können jetzt Event-Listener-Haltepunkte erstellen, die ausgelöst werden, wenn ein neuer Canvas-Kontext erstellt wird.

Haltepunkte bei der Canvas-Erstellung über das Kästchen Canvas-Kontext erstellen im Bereich Event-Listener-Haltepunkte
Abbildung 3: Haltepunkte bei der Canvas-Erstellung über das Kästchen Canvas-Kontext erstellen im Bereich Ereignis-Listener-Haltepunkte

Statistiken zur Startzeit auf dem Tab „Timing“

Oben auf dem Tab „Timing“ können Sie jetzt sehen, wann eine Anfrage in die Warteschlange gestellt und gestartet wurde.

Statistiken zur Startzeit findest du auf dem Tab „Timing“.
Abbildung 4: Statistiken zur Startzeit auf dem Tab „Timing“

Serverstatistiken auf dem Tab „Timing“

Auf dem Tab „Timing“ kannst du jetzt benutzerdefinierte Serverstatistiken einfügen. Ein Beispiel finden Sie unter Demo der Server-Timing-Werte.

Serverstatistiken auf dem Tab „Timing“
Abbildung 5: Serverstatistiken auf dem Tab Timing

Vielen Dank an sroussey für den Beitrag!

Änderungen

Das Steuerfeld „Zeitachse“ heißt jetzt „Leistung“.

Das Steuerfeld „Zeitachse“ wurde in „Leistung“ umbenannt, um seinen Zweck besser widerzuspiegeln.

Das Steuerfeld „Profile“ ist jetzt das Steuerfeld „Arbeitsspeicher“.

Der Bereich „Profile“ wurde in den Bereich „Speicher“ umbenannt, um seinen Zweck besser widerzuspiegeln.

Der CPU-Profiler befindet sich hinter einem ausgeblendeten Steuerfeld

Da der Bereich „Profiles“ jetzt als Arbeitsspeicherbereich bezeichnet wird, ist es nicht mehr sinnvoll, den CPU-Profiler in diesem Bereich zu haben. Das langfristige Ziel besteht außerdem darin, dass sich alle Nutzer aus dem Bereich „Leistung“ erstellen lassen. In der Zwischenzeit können Sie über Einstellungen > Weitere Tools > JavaScript Profiler weiterhin auf den alten CPU-Profiler zugreifen.

Unter Chrome-Entwicklertools: JavaScript-CPU-Profilerstellung in Chrome 58 erfahren Sie, wie Sie im Bereich „Leistung“ ein Profil der CPU erstellen.

Neue Konsolen-UI

Das Steuerfeld "Konsole" und die Leiste wurden einige Änderungen an der Benutzeroberfläche vorgenommen. Einige unbeliebte Funktionen wurden an verstecktere Orte verschoben und beliebte Funktionen sind jetzt leichter zugänglich.

  • Klicken Sie auf Console Settings (Konsoleneinstellungen) Console-Einstellungen, um auf Einstellungen zum Anpassen des Verhaltens der Console zuzugreifen.
  • Preserve log ist jetzt in den Console Settings (Konsoleneinstellungen) ausgeblendet.
  • Die Schaltfläche Filter und der Bereich werden nicht mehr angezeigt. Verwenden Sie stattdessen das Drop-down-Menü.
  • Das Textfeld zum Filtern von Logs wird jetzt immer angezeigt. Sie war zuvor im Filterbereich ausgeblendet.
  • Im Filtertextfeld wird automatisch Regex akzeptiert. Das Kästchen Regex ist also nicht zu sehen.
  • Das Kästchen Verstöße ausblenden gibt es nicht mehr. Legen Sie das Drop-down-Menü für die Logging-Ebene auf Ausführlich fest, um Verstöße aufzurufen.
  • Wenn Sie in der alten Benutzeroberfläche das Häkchen aus dem Kästchen Alle Nachrichten anzeigen entfernen, entspricht dies der Aktivierung des Kästchens Nur ausgewählter Kontext in den Konsoleneinstellungen der neuen Benutzeroberfläche.
Die neue Konsolen-UI
Abbildung 6. Die neue Console-UI

Haltepunkte des WebGL-Event-Listeners wurden verschoben

Die Haltepunkte des Ereignis-Listeners von WebGL wurden von der Kategorie WebGL in die Kategorie Canvas verschoben. Die Kategorie WebGL wurde entfernt.