Neuerungen in den Entwicklertools (Chrome 61)

Kayce Basques

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

• Simulation der Drosselung von Mobilgeräten: CPU- und Netzwerkdrosselung gleichzeitig einstellen: und simulieren Mobilgeräte des mittleren oder unteren Preissegments.
• Speichernutzung: Sehen Sie sich an, wie viel Speicherplatz ein Ursprung verwendet, aufgeschlüsselt nach Technologie (IndexedDB, Cache, lokal, Sitzung usw.).
• Cache-Zeitstempel: Sehen Sie sich an, wann ein Service Worker eine Antwort im Cache gespeichert hat.
• Aktivieren Sie die FPS-Anzeige über das Befehlsmenü.
• Verhalten von Mausrad und Touchpad im Steuerfeld „Leistung“ ändern
• Nativ debuggen Sie ES6-Module.

Sehen Sie sich unten die Videoversion dieser Versionshinweise an oder lesen Sie weiter, um mehr zu erfahren.

Mobilgeräte des unteren und mittleren Preissegments im Gerätemodus simulieren

Das Menü Drosselung für den Gerätemodus wird jetzt standardmäßig angezeigt und ermöglicht Ihnen, Low-End- oder Mittelklasse-Mobilgeräten mit nur wenigen Klicks zu finden.

Abbildung 1. Über das Drosselungsmenü

Abbildung 2. Bewegen Sie den Mauszeiger über das Menü Drosselung oder öffnen Sie das Menü Aufnahmeeinstellungen, um die Definitionen für Mobilgeräte im mittleren Preissegment und Low-End-Mobilgeräte

Speichernutzung ansehen

Weitere Informationen finden Sie im Bereich Anwendung auf dem Tab Speicherinhalt löschen unter Nutzung. viel Speicherplatz, den ein Ursprung verwendet, sowie das maximale Kontingent für den Ursprung auf diesem Gerät.

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

Ansehen, wann ein Service Worker Antworten im Cache gespeichert hat

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

Abbildung 4. Die Spalte Zeit im Cache gespeichert

FPS-Messtool über das Befehlsmenü aktivieren

Sie können das FPS-Messtool jetzt über das Befehlsmenü aktivieren.

Abbildung 5. FPS-Messtool über das Befehlsmenü aktivieren

Mausradverhalten zum Zoomen oder Scrollen bei Leistungsaufzeichnungen festlegen

Öffnen Sie die Einstellungen und legen Sie die neue Flamechart-Mausradaktion fest. Mausräder verhalten sich im Steuerfeld Leistung.

Beispielsweise, wenn Sie im Hauptbereich einer Aufnahme ein Mausrad verwenden oder wenn Sie mit zwei Fingern auf dem Touchpad gedrückt halten, wird standardmäßig herangezoomt. Wenn Sie die Einstellung Scrollen festgelegt ist, wird mit dieser Bewegung jetzt nach oben oder unten gescrollt.

Abbildung 6. Einstellung Flamechart-Mausradaktion

Debugging-Unterstützung für ES6-Module

ES6-Module werden nativ in Chrome 61 versendet. Hier läuft nicht viel Entwicklertools wie gewohnt. Versuchen Sie, einige Haltepunkte in und die Paul Irish ES6-Module-Implementierung von TodoMVC durchgehen und sich selbst ein Bild davon machen können.

Vorschaukanäle herunterladen

Sie können Canary, Dev oder Beta als Standardbrowser für die Entwicklung verwenden. Über diese Vorschaukanäle erhalten Sie Zugriff auf die neuesten Entwicklertools, können innovative Webplattform-APIs testen und Probleme auf Ihrer Website erkennen, bevor Ihre Nutzer es tun.

Kontaktaufnahme mit dem Team für Chrome-Entwicklertools

Mit den folgenden Optionen kannst du die neuen Funktionen und Änderungen des Beitrags oder andere Aspekte der Entwicklertools besprechen.

• Senden Sie uns über crbug.com einen Vorschlag oder Feedback.
• Problem mit den Entwicklertools über Weitere Optionen melden > Hilfe > Hier kannst du Probleme mit den Entwicklertools in den Entwicklertools melden.
• Twittern Sie unter @ChromeDevTools.
• Hinterlasse Kommentare in den YouTube-Videos mit den Neuerungen in den Entwicklertools oder in YouTube-Videos mit Tipps zu den Entwicklertools.

Neu in den Entwicklertools

Eine Liste mit allen Themen der Reihe Neuerungen bei den Entwicklertools