Hallo, ich bin Kayce, technische Redakteurin für DevTools. Ich möchte euch über die neuesten Entwicklungen bei DevTools informieren.
Der Bereich „Ressourcen“ ist jetzt der Bereich „Anwendung“
Ab Chrome 52 ist das Feld „Ressourcen“ nicht mehr verfügbar. Es wurde in „Anwendungsbereich“ umbenannt. Alle alten Funktionen des Bereichs „Ressourcen“ sind weiterhin verfügbar. Außerdem gibt es viele neue Funktionen, mit denen Sie Progressive Web-Apps debuggen können. Jetzt können auch Sie die Freuden des Debuggens des Service Worker-Lebenszyklus und von Cache-Timing-Problemen erleben.
In unserem neuen Leitfaden, der von mir verfasst wurde, erfahren Sie mehr über die neuen Funktionen: Progressive Web-Apps debuggen
ChromeLens
ChromeLens ist eine hervorragende neue Erweiterung, mit der Sie Ihre Website für Menschen mit Sehbehinderung zugänglicher machen können.
P.S. Rob Dodson hat gerade eine neue Videoserie zur Barrierefreiheit gestartet: a11ycasts.
Neue Funktionen jetzt in Canary
Canary ist derzeit Chrome 54. Wenn Sie Chrome 54 oder höher verwenden, können Sie diese Funktionen nutzen.
Die Farbauswahl befindet sich im Bereich „Quellen“.
Klicken Sie im Bereich „Netzwerk“ mit der rechten Maustaste auf den Bereich „Ressourcen“. Sie können dann eine Reihe von cURL-Anfragen kopieren, um alle Ressourcen herunterzuladen.
JavaScript kann über das Befehlsmenü deaktiviert werden. Bisher war diese Funktion nur über die Einstellungen verfügbar.
console.warn() enthält jetzt einen Stacktrace.
Diese letzte Funktion gibt es schon seit einigen Monaten, aber sie ist es wert, noch einmal erwähnt zu werden. Wenn Sie eine Zeitachse mit aktivierter Option „JS Profile“ aufzeichnen, sehen Sie im Bereich „Quellen“ eine Aufschlüsselung der Ausführungszeiten nach Funktion.
Neue Ideen aus der Community
Hier sind einige neue Ideen aus der Community, die möglicherweise in einer zukünftigen Ausgabe von „DevTools Near You“ behandelt werden.
- @matthewcp: Beschleunigen Sie das Debugging von Speicherlecks, indem Sie eine einfache Liste mit wachsenden Objekten anzeigen.
- @jonathanbingram: Mit den Tastenkombinationen zum Erhöhen und Verringern können Sie die
font-weight-Werte erhöhen oder verringern. - @_bl4de: Cookies bearbeiten (eigentlich eine langjährige Anfrage, aber danke, dass du sie noch einmal angesprochen hast). Gerüchten zufolge arbeitet @kdzwinel an einem PR.
- @kienzle_s: Füge dem Filter im Netzwerkbereich OR-Filter hinzu.
Sie haben eine neue Idee? Wir freuen uns darauf. Schreiben Sie uns auf Twitter unter @ChromeDevTools und erzählen Sie uns, was los ist.
Wenn Sie gerade meine Aufmerksamkeit haben: Falls es Dokumente gibt, die korrigiert werden müssen, oder Funktionen, die erklärt werden müssen, können Sie gerne ein Problem im Dokumentations-Repository melden.
Bis zum nächsten Monat!