Hier erfährst du alles über die überarbeitete Benutzeroberfläche zur Prüfung von Geräten, kannst ganz einfach zwischen den Klassen wechseln und dir das Pilotprogramm für DevTools Tonight ansehen.
Willkommen zurück bei der neuesten Ausgabe der Übersicht für alle Canary-Nutzer! Ich habe im Dezember einige Updates verpasst. (Ich war ein wenig mit meiner neugeborenen Tochter beschäftigt.) Hier kommen ein paar ganz neue.
Das neue Dialogfeld „Geräte prüfen“
Die (derzeit nicht mehr aktuelle) Dokumentation zur Remote-Fehlerbehebung für Entwicklertools ist schon seit vielen Jahren unser beliebtestes Handbuch, das nur eines bedeuten kann: Niemand hatte eine Ahnung, wie man sie verwendet.
Also haben wir die UX überarbeitet. Statt eine völlig andere Seite („chrome://Inspect“) öffnen zu müssen, ist jetzt die gesamte „Inspect Devices“-Option bequem in die Entwicklertools selbst eingebettet, um einen schnellen Zugriff und weniger Kontextwechsel zu ermöglichen.
Ein-/Aus-Schaltflächen für Klassen im Bereich „Stil“
Es ist jetzt einfacher denn je, schnell zwischen einer Klasse und einem Element zu wechseln, um in einer Vorschau zu sehen, wie es mit oder ohne die verknüpften Stile aussehen würde. Außerdem haben wir eine Eingabe hinzugefügt, mit der Sie schnell neue Klassen hinzufügen können, sodass Sie das Attribut nicht bearbeiten müssen. Klicken Sie im Bereich „Stil“ auf die neue Schaltfläche .cls, um sie auszuprobieren.
Entwicklertools heute
Ich freue mich, Ihnen eine weitere Möglichkeit ankündigen zu können, wie Sie über die Entwicklung der Chrome-Entwicklertools auf dem Laufenden bleiben können: Heute stelle ich Ihnen das Pilotprojekt der Entwicklertools vor:
In der neuen Serie, die alle zwei Wochen veröffentlicht wird, werde ich mich auf die größeren Funktionen konzentrieren, die in der stabilen Version von Chrome (anstelle von Canary) verfügbar sein werden, und auf jede einzelne etwas ausführlicher eingehen. Abonniere den Chrome-Entwicklerkanal, um benachrichtigt zu werden, sobald die Nummer 1 verfügbar ist. Und lass mich in den YouTube-Kommentaren wissen, was du davon hältst.
Alles andere
- Wir haben eine Einstellung hinzugefügt, um Entwicklertools für Pop-ups automatisch zu öffnen (neu erstellte Fenster). Wenn diese Option aktiviert ist, wird mit jedem neu erstellten Fenster automatisch eine neue Instanz von Entwicklertools geöffnet.
- Die Aktionsleiste oben im Steuerfeld „Stil“ ist jetzt fixiert, sodass Sie immer auf sie zugreifen können, auch wenn Sie nach unten scrollen, um weitere Stile zu bearbeiten.
- Wir zoomen die Zeitachse jetzt automatisch auf das, was unserer Meinung nach für Ihre Sitzung zur Fehlerbehebung zur Leistungsverbesserung relevant ist.
- Die Netzwerkdrosselung unterstützt jetzt neben Downloads auch Uploads, sodass Sie z. B. das Hochladen von Dateien über eine 3G-Verbindung testen können.
- Wir haben die Kurzinfo zum Prüfen überarbeitet, die über dem geprüften Element eingeblendet wird. Es ist jetzt dunkel und glänzend und bietet mehr Kontrast.
Wie immer könnt ihr uns über Twitter oder die Kommentare unten eure Meinung mitteilen und Fehler unter crbug.com/new melden.
Bis zum nächsten Monat!
Paul Bakaus und das DevTools-Team