Neuerungen in den Entwicklertools (Chrome 61)

Kayce Basques

Zu den neuen Funktionen und wichtigen Änderungen in den DevTools in Chrome 61 gehören:

Unten findest du die Videoversion dieser Versionshinweise. Weitere Informationen findest du im Folgenden.

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

Das Menü Throttling im Gerätemodus ist jetzt standardmäßig zu sehen. Damit können Sie mit wenigen Klicks ein Low-End- oder Mittelklasse-Mobilgerät simulieren.

Menü „Drosselung“

Abbildung 1. Das Menü „Drosselung“

Definitionen für die Menüdrosselung

Abbildung 2. Bewegen Sie den Mauszeiger auf das Menü Drosselung oder öffnen Sie das Menü Aufnahmeeinstellungen, um die Definitionen für Mittelklasse-Smartphone und Low-End-Smartphone aufzurufen.

Speichernutzung ansehen

Im neuen Bereich Nutzung auf dem Tab Speicherplatz löschen im Bereich Anwendung sehen Sie, wie viel Speicherplatz ein Ursprung belegt, sowie das maximale Kontingent für den Ursprung auf diesem Gerät.

Abschnitt „Nutzung“

Abbildung 3. Im Bereich Nutzung ist zu sehen, dass https://airhorner.com 66,9 KB des Kontingents von 15.214 MB des Ursprungs nutzt.

Sehen, wann ein Dienstarbeiter Antworten im Cache gespeichert hat

In der neuen Spalte Zeit im Cache auf dem Tab Cache-Speicher sehen Sie, wann ein Service Worker Antworten im Cache gespeichert hat.

Spalte „Im Cache gespeicherte Zeit“

Abbildung 4. Spalte Time Cached (Im Cache gespeicherte Zeit)

FPS-Messgerät über das Befehlsmenü aktivieren

Du kannst den FPS-Messer jetzt über das Befehlsmenü aktivieren.

FPS-Messgerät über das Befehlsmenü aktivieren

Abbildung 5. FPS-Messgerät ü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 Flammendiagramme fest, um das Verhalten des Mausrads im Bereich Leistung zu ändern.

Wenn Sie beispielsweise das Mausrad im Bereich Haupt einer Aufnahme verwenden oder mit zwei Fingern auf einem Touchpad wischen, wird standardmäßig herangezoomt oder herausgezoomt. 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 für die Fehlerbehebung bei ES6-Modulen

ES6-Module werden in Chrome 61 nativ unterstützt. In Bezug auf die DevTools gibt es hier nicht viel zu tun, außer dass das Debuggen wie erwartet funktioniert. Probieren Sie es selbst aus, indem Sie einige Haltestellen setzen und durch Paul Irish's ES6-Modulimplementierung von TodoMVC gehen.

Vorschaukanäle herunterladen

Verwenden Sie als Standard-Entwicklungsbrowser Chrome Canary, Chrome Dev oder Chrome Beta. Diese Vorabversionen bieten Ihnen Zugriff auf die neuesten DevTools-Funktionen, ermöglichen es Ihnen, innovative Webplattform-APIs zu testen, und helfen Ihnen, Probleme auf Ihrer Website zu finden, bevor Ihre Nutzer sie bemerken.

Chrome-Entwicklertools-Team kontaktieren

Mit den folgenden Optionen können Sie über neue Funktionen, Updates oder andere Themen im Zusammenhang mit den DevTools sprechen.

Neu in den DevTools

Eine Liste aller Themen, die in der Reihe Was ist neu in den DevTools? behandelt wurden.