Hallo, ich bin Kayce, technische Redakteurin für DevTools. Hier erfahrt ihr, was es Neues in DevTools gibt.
Der Bereich „Ressourcen“ heißt jetzt „Anwendungsbereich“
Ab Chrome 52 ist der Bereich „Ressourcen“ nicht mehr verfügbar. Er wurde in „Anwendungsbereich“ umbenannt. Alle alten Funktionen des Ressourcenbereichs sind weiterhin verfügbar. Außerdem gibt es viele neue Funktionen, die Ihnen beim Debuggen von progressiven Web-Apps helfen. Jetzt können auch Sie die Freuden des Debuggens des Service Worker-Lebenszyklus und der Cache-Zeitung kennenlernen.
In meinem neuen Leitfaden 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 sehbehinderte Nutzer barrierefreier gestalten können.
PS: Rob Dodson hat gerade eine neue Videoreihe zur Barrierefreiheit gestartet: a11ycasts.
Neue Funktionen in Canary
Canary entspricht 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“, um einen String mit cURL-Anfragen zu kopieren und alle Ressourcen herunterzuladen.
JavaScript kann über das Befehlsmenü deaktiviert werden. Bisher war diese Funktion nur in den 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 JS Profile-Option erstellen, sehen Sie im Bereich „Quellen“ eine Aufschlüsselung der Ausführungszeiten nach Funktion.
Neue Ideen aus der Community
Hier sind einige neue Ideen von der Community, die in einer zukünftigen Version von „DevTools Near You“ enthalten sein könnten.
- @matthewcp: Verbesserung der Fehlerbehebung bei Speicherlecks durch Anzeige einer einfachen Liste der wachsenden Objekte.
- @jonathanbingram: Sie können die
font-weight-Werte mit den Tastenkombinationen „Erhöhen“ und „Verringern“ ändern. - @_bl4de: Cookies bearbeiten (eigentlich eine schon länger bestehende Anfrage, aber danke, dass du sie noch einmal erwähnt hast). Angeblich arbeitet @kdzwinel an einer PR.
- @kienzle_s: Fügen Sie dem Filter im Bereich „Netzwerk“ OR-Filter hinzu.
Hast du eine neue Idee? Wir freuen uns auf deine Meinung. Sie können uns auch auf Twitter unter @ChromeDevTools kontaktieren.
Wenn Sie Dokumente finden, die korrigiert werden müssen, oder Funktionen, die erklärt werden müssen, können Sie ein Problem im Docs-Repository melden.
Bis zum nächsten Monat!