Hallo, ich bin Kayce, Technical Writer für DevTools. Ich möchte Ihnen die neuesten Entwicklungen im Bereich der Entwicklertools vorstellen.
Der Bereich „Ressourcen“ ist jetzt der Bereich „Anwendung“.
Ab Chrome 52 gibt es den Bereich „Ressourcen“ nicht mehr. Es wurde in das Steuerfeld „Anwendung“ umbenannt. Alle alten Features des Steuerfelds „Ressourcen“ sind weiterhin verfügbar. Außerdem stehen viele neue Funktionen zur Verfügung, mit denen Sie Fehler in progressiven Webanwendungen beheben können. Jetzt können Sie auch Probleme beim Debugging des Service Worker-Lebenszyklus und des Cache-Timings beheben.
In unserem neuen, von Ihnen verfassten Leitfaden erfahren Sie mehr über die neuen Funktionen: Fehler in progressiven Web-Apps beheben.
ChromeLens
ChromeLens ist eine hervorragende neue Erweiterung, mit der Sie die Barrierefreiheit Ihrer Website für sehbehinderte Nutzer verbessern können.
PS: Rob Dodson hat gerade eine neue Videoreihe zum Thema Barrierefreiheit veröffentlicht: a11ycasts.
Neue Funktionen jetzt in Canary
Canary ist derzeit Chrome 54. Wenn ihr Chrome 54 oder eine neuere Version nutzt, könnt ihr diese Funktionen nutzen.
Die Farbauswahl befindet sich im Quellenbereich.
Wenn Sie im Netzwerkbereich mit der rechten Maustaste auf den Bereich „Resources“ klicken, können Sie einen String von cURL-Anfragen kopieren, um alle Ihre Ressourcen herunterzuladen.
JavaScript kann über das Befehlsmenü deaktiviert werden. Diese war früher nur in den Einstellungen verfügbar.
console.warn() enthält jetzt einen Stacktrace.
Die letzte Funktion gibt es jetzt schon seit einigen Monaten, sie sollte aber noch einmal erwähnt werden. Erstellen Sie bei aktivierter Option für das JS-Profil eine Aufzeichnung der Zeitachse. Im Bereich „Quellen“ sehen Sie eine Aufschlüsselung der Ausführungszeiten für jede Funktion.
Neue Ideen von der Community
Hier sind ein paar neue Ideen aus der Community, die in zukünftigen Entwicklertools in deiner Nähe hilfreich sein könnten.
- @matthewcp: Beschleunigen Sie die Behebung von Speicherlecks durch Anzeige einer einfachen Liste größerer Objekte.
- @jonathanbingram: Erhöhen/verringern Sie
font-weight-Werte mit den entsprechenden Tastenkombinationen. - @_bl4de: Cookies bearbeiten. Es wird behauptet, dass für @kdzwinel eine PR-Phase geplant ist.
- @kienzle_s: Fügen Sie dem Filter im Steuerfeld "Netzwerk" ODER-Filter hinzu.
Hast du eine neue Idee? Wir freuen uns darauf, von Ihnen zu hören. Sie können uns unter @ChromeDevTools auf Twitter kontaktieren und uns mitteilen, was es damit auf sich hat.
Sollten Sie Dokumente korrigieren oder bestimmte Funktionen erklären müssen, können Sie gern ein Problem im Docs-Repository melden.
Bis zum nächsten Monat!