Hier erfahren Sie alles über die überarbeitete Benutzeroberfläche der Geräteprüfung, können Klassen im jetzt fixierten Stilbereich ganz einfach umschalten und sich die Pilotfolge von DevTools Tonight ansehen.
Willkommen zur neuesten Ausgabe des Newsletters für alle Canary-Nutzer. Offenbar habe ich im Dezember einige Updates verpasst. (Ich war etwas beschäftigt mit meiner neugeborenen Tochter.) Hier sind sie also, zusammen mit einigen brandneuen.
Das neue Dialogfeld „Geräte prüfen“
Die (derzeit veraltete) Dokumentation zum Remote-Debugging in den DevTools war viele Jahre in Folge unser beliebtester Leitfaden. Das kann nur eines bedeuten: Niemand hatte auch nur annähernd eine Ahnung, wie man sie verwendet!
Also haben wir die UX überarbeitet. Anstatt eine ganz andere Seite („chrome://inspect“) öffnen zu müssen, ist „Geräte prüfen“ jetzt direkt in den Entwicklertools eingebettet. So können Sie schnell darauf zugreifen und es gibt weniger Kontextwechsel.
Ein-/Aus-Schaltflächen für Klassen im Stilbereich
Es ist jetzt einfacher denn je, schnell eine Klasse für ein Element zu aktivieren oder zu deaktivieren, um sich eine Vorschau anzusehen, wie es mit oder ohne die zugehörigen Stile aussehen würde. Außerdem haben wir ein Eingabefeld hinzugefügt, mit dem Sie schnell neue Klassen hinzufügen können, ohne das Attribut bearbeiten zu müssen. Klicken Sie im Bereich „Stil“ auf die neue Schaltfläche .cls, um sie auszuprobieren.
DevTools Tonight
Ich freue mich, Ihnen eine weitere Möglichkeit vorstellen zu können, sich über Neuigkeiten zu den Chrome-Entwicklertools auf dem Laufenden zu halten: Hier ist die Pilotfolge von DevTools Tonight:
In der neuen Serie, die alle zwei Wochen veröffentlicht wird, konzentriere ich mich auf größere Funktionen, die in der stabilen Chrome-Version (anstelle von Canary) eingeführt werden, und gehe auf jede Funktion etwas genauer ein. Abonniert den Chrome Developers-Kanal, um benachrichtigt zu werden, wenn die erste Version veröffentlicht wird. Und teilt mir in den YouTube-Kommentaren mit, was ihr davon haltet.
Das Beste vom Rest
- Wir haben eine Einstellung hinzugefügt, mit der die Entwicklertools für Pop-ups automatisch geöffnet werden (neu erstellte Fenster). Wenn diese Option aktiviert ist, wird in jedem neu erstellten Fenster automatisch eine neue Instanz der Entwicklertools geöffnet.
- Die Aktionsleiste oben im Bereich „Stil“ ist jetzt fixiert. Sie können also jederzeit darauf zugreifen, auch wenn Sie nach unten scrollen, um weitere Stile zu bearbeiten.
- Wir zoomen die Zeitachse jetzt automatisch auf den Bereich heran, der für die Fehlerbehebung bei der Leistung unserer Meinung nach relevant ist.
- Die Netzwerkdrosselung unterstützt jetzt nicht nur den Download, sondern auch den Upload. So können Sie beispielsweise Dateiuploads über eine 3G-Verbindung testen.
- Wir haben die Tooltips für die Funktion „Inspect“ (Prüfen) überarbeitet, die über das geprüfte Element gelegt werden. Er ist jetzt dunkel und glänzend und sorgt für mehr Kontrast.
Wie immer könnt ihr uns auf Twitter oder in den Kommentaren unten Feedback geben und Fehler unter crbug.com/new melden.
Bis zum nächsten Monat!
Paul Bakaus und das DevTools-Team