Willkommen beim ersten Teil der Versionshinweise für die Entwicklertools! Wenn Sie ab jetzt zum ersten Mal eine neue Version von Chrome öffnen, wird in den Entwicklertools die Leiste Neue Funktionen 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 „Memory“ umbenannt.
- Cookiewerte können jetzt bearbeitet werden.
- Die Entwicklertools werden jetzt automatisch pausiert, bevor Fehler aufgrund fehlenden Arbeitsspeichers auftreten.
Neue Funktionen
Bearbeitbare Cookies
Klicken Sie auf dem Tab Cookies doppelt auf eine Zelle, um diesen Wert zu bearbeiten.
Vielen Dank an kdzwinel für den Beitrag.
Kontrollierbare und bearbeitbare CSS-Variablen im Bereich „Stile“
Sie können CSS-Variablen jetzt im Bereich „Stile“ untersuchen und bearbeiten. Sehen Sie sich die Demo zu Preisvergleichsportal-Variablen an, um es selbst auszuprobieren.
Haltepunkte aufgrund fehlenden Arbeitsspeichers
Wenn eine Anwendung viel Arbeitsspeicher in kurzer Zeit zuweist, pausiert die Entwicklertools jetzt automatisch und erhöht das Heap-Limit. Auf diese Weise können Sie den Heap prüfen, Befehle in der Console ausführen, um Arbeitsspeicher freizugeben, und die Fehlerbehebung des Problems fortsetzen. Weitere Informationen finden Sie unter Ein kleiner Schritt für Chrome, One Giant Heap für V8.
Haltepunkte bei der Canvas-Erstellung
Sie können jetzt Haltepunkte für Ereignis-Listener erstellen, die ausgelöst werden, wenn ein neuer Canvas-Kontext erstellt wird.
Startzeitstatistiken auf dem Tab "Timing"
Oben auf dem Tab "Timing" können Sie jetzt sehen, wann eine Anfrage in die Warteschlange gestellt und gestartet wurde.
Serverstatistiken auf der Registerkarte "Timing"
Sie können jetzt benutzerdefinierte Serverstatistiken in den Tab "Timing" einfügen. Ein Beispiel finden Sie in der Demo der Server-Timing-Werte.
Danke an sroussey für den Beitrag!
Änderungen
Der Bereich „Zeitachse“ ist jetzt der Bereich „Leistung“
Der Bereich „Zeitachse“ wurde in „Leistung“ umbenannt, um seinen Zweck besser darzustellen.
Der Bereich "Profile" ist jetzt der Bereich "Memory".
Der Bereich „Profile“ wurde in „Memory“ umbenannt, um seinen Zweck besser darzustellen.
Der CPU-Profiler befindet sich hinter einem ausgeblendeten Bereich
Da der Bereich „Profiles“ jetzt als Bereich „Memory“ bezeichnet wird, ist es nicht mehr sinnvoll, den CPU-Profiler in diesem Bereich zu platzieren. Darüber hinaus besteht das langfristige Ziel darin, dass alle Nutzer Profile über den Bereich „Leistung“ erstellen. In der Zwischenzeit können Sie weiterhin über Einstellungen > Weitere Tools > JavaScript-Profiler auf den alten CPU-Profiler zugreifen.
Unter Chrome-Entwicklertools: JavaScript-CPU-Profiling in Chrome 58 erfahren Sie, wie Sie im Bereich „Leistung“ ein Profil für die CPU erstellen.
Neue Konsolen-UI
Am Konsolenfeld und in der Leiste wurden einige Änderungen an der Benutzeroberfläche vorgenommen. Einige unbeliebte Elemente wurden an versteckte Orte verschoben und beliebte Funktionen sind jetzt einfacher zugänglich.
- Klicken Sie auf Konsoleneinstellungen
, um auf Einstellungen zum Anpassen des Verhaltens der Konsole zuzugreifen. - Die Option Preserve log (Protokoll beibehalten) wird jetzt in den Console Settings (Konsoleneinstellungen) ausgeblendet.
- Die Schaltfläche und der Bereich Filter werden nicht mehr angezeigt. Verwenden Sie stattdessen das Drop-down-Menü.
- Das Textfeld zum Filtern von Protokollen wird jetzt immer angezeigt. Sie war zuvor im Filterbereich ausgeblendet.
- Das Filtertextfeld akzeptiert reguläre Ausdrücke automatisch, sodass das Kästchen Regex nicht angezeigt wird.
- Das Kästchen Verstöße ausblenden wird nicht mehr angezeigt. Setzen Sie das Drop-down-Menü für die Logging-Ebene auf Ausführlich, um Verstöße zu sehen.
- Das Deaktivieren des Kästchens Alle Nachrichten anzeigen in der alten Benutzeroberfläche entspricht dem Kästchen Nur ausgewählter Kontext in den Konsoleneinstellungen der neuen Benutzeroberfläche.
Haltepunkte des WebGL-Event-Listeners wurden verschoben
Die Haltepunkte für WebGL-Event-Listener wurden aus der Kategorie WebGL in die Kategorie Canvas verschoben. Die Kategorie WebGL wurde entfernt.