Neuerungen in den Entwicklertools (Chrome 61)

Kayce Basques
Kayce Basques
X GitHub

Zu den neuen Funktionen und wichtigen Änderungen, die in Chrome 61 in den Entwicklertools eingeführt werden, gehören:

Unten finden Sie eine Videoversion dieser Versionshinweise. Sie können aber auch weiterlesen, um mehr zu erfahren.

Low-End- und Mittelklasse-Mobilgeräte im Gerätemodus simulieren

Das Menü Drosselung für den Gerätemodus ist jetzt standardmäßig verfügbar. Damit können Sie mit wenigen Klicks ein Low-End- oder Mittelklasse-Mobilgerät simulieren.

Menü für die Drosselung

Abbildung 1. Menü „Drosselung“

Drosselungsmenü – Definitionen

Abbildung 2. Bewegen Sie den Mauszeiger auf das Menü Drosselung oder öffnen Sie das Menü Aufnahmeeinstellungen, um die Definitionen für Mittelklasse-Mobilgeräte und Einsteiger-Mobilgeräte aufzurufen.

Speichernutzung ansehen

Im neuen Abschnitt Nutzung auf dem Tab Speicher leeren im Bereich Anwendung sehen Sie, wie viel Speicherplatz ein Ursprung belegt und wie hoch das maximale Kontingent für den Ursprung auf diesem Gerät ist.

Abschnitt „Nutzung“

Abbildung 3. Im Abschnitt Nutzung sehen Sie, dass https://airhorner.com 66,9 KB des Kontingents des Ursprungs von 15.214 MB verwendet.

Ansehen, wann ein Service Worker Antworten im Cache gespeichert hat

In der neuen Spalte Time Cached (Zeitpunkt des Caching) auf dem Tab Cache Storage (Cache-Speicher) sehen Sie, wann ein Service Worker Antworten im Cache gespeichert hat.

Spalte „Im Cache gespeicherte Zeit“

Abbildung 4. Spalte Time Cached (Zeit im Cache)

FPS-Zähler über das Befehlsmenü aktivieren

Sie können das FPS-Messgerät jetzt über das Befehlsmenü aktivieren.

FPS-Zähler über das Befehlsmenü aktivieren

Abbildung 5. FPS-Zähler über das Befehlsmenü aktivieren

Mausradverhalten für das Zoomen oder Scrollen bei Leistungsaufzeichnungen festlegen

Öffnen Sie die Einstellungen und legen Sie die neue Einstellung Mausradaktion für Flamechart fest, um das Verhalten von Mausrädern im Bereich Leistung zu ändern.

Wenn Sie beispielsweise im Bereich Haupt einer Aufzeichnung das Mausrad verwenden oder mit zwei Fingern auf einem Touchpad wischen, wird standardmäßig gezoomt. Wenn Sie die Einstellung in Scrollen ändern, wird mit dieser Geste jetzt nach oben oder unten gescrollt.

Die Einstellung „Flamechart-Mausradaktion“

Abbildung 6. Die Einstellung Flamechart-Mausradaktion

Unterstützung bei der Fehlerbehebung für ES6-Module

ES6-Module werden in Chrome 61 nativ unterstützt. In Bezug auf die DevTools gibt es hier nicht viel zu sagen, außer dass das Debugging wie erwartet funktioniert. Setzen Sie einige Breakpoints und gehen Sie die ES6-Modulimplementierung von TodoMVC von Paul Irish durch, um sich selbst ein Bild zu machen.

Vorschaukanäle herunterladen

Verwenden Sie Chrome Canary, Dev oder Beta als Standardbrowser für die Entwicklung. Über diese Preview-Channels haben Sie Zugriff auf die neuesten DevTools-Funktionen, können innovative Webplattform-APIs testen und Probleme auf Ihrer Website finden, bevor Ihre Nutzer sie entdecken.

Chrome-Entwicklertools-Team kontaktieren

Verwenden Sie die folgenden Optionen, um über die neuen Funktionen, Updates oder alles andere im Zusammenhang mit den Entwicklertools zu sprechen.

Neu in den Entwicklertools

Eine Liste aller Themen, die in der Reihe Neu in den DevTools behandelt wurden.