- Sie können jetzt mit Custom Elements v1 ein eigenes benutzerdefiniertes HTML-Tag erstellen und wiederverwendbare Webkomponenten erstellen.
- Mit der BroadcastChannel API ist es einfacher, Nachrichten zwischen geöffneten Fenstern oder Tabs desselben Ursprungs zu senden.
- Bessere Mediennutzung auf Android-Geräten und der Fremdabruf ist jetzt als Ursprungstest verfügbar.
Mein Name ist Pete LePage. Als Nächstes sehen wir uns an, was es für Entwickler bei Chrome 54 Neues gibt.
Benutzerdefinierte Elemente (Version 1)
Komplexe Benutzeroberflächen erfordern oft sehr viel HTML. Mit den meisten Programmiersprachen können Entwickler eigene Komponenten erstellen, die auf Sprachprimitiven aufbauen, um diese Art von Ausführlichkeit zu mindern. Bisher war es jedoch schwierig, wiederverwendbare Komponenten im Web zu erstellen.
Mit benutzerdefinierten Elementen können Sie eigene benutzerdefinierte HTML-Tags erstellen und die API und das Verhalten des neuen Elements in JavaScript definieren. Das Ergebnis ist eine browsernative Möglichkeit, wiederverwendbare, interoperable Komponenten zu erstellen.
Chrome 54 unterstützt die neuesten benutzerdefinierten Elemente der Spezifikation „V1“ und weiterhin die V0 API, bis genügend von Ihnen zu V1 gewechselt sind.
In der Einführung in benutzerdefinierte Elemente erfahren Sie, wie Sie damit wiederverwendbare Webkomponenten für Ihre Website oder Anwendung erstellen können.
BroadcastChannel-API
Es ist nicht ungewöhnlich, dass Computernutzer mehrere Fenster oder Tabs gleichzeitig öffnen, und einige Websites fördern dieses Verhalten sogar, z. B. Webeditoren, die Dokumente auf ihren eigenen Tabs öffnen.
Die Kommunikation zwischen diesen Tabs kann schwierig sein. Die BroadcastChannel API ist eine neue 1:n-Messaging API zwischen Fenstern, Tabs, iFrames, Web-Workern und Service Workern. Damit können Skripts benannte Kanäle einrichten, um Nachrichten zwischen Suchkontexten desselben Ursprungs zu senden.
Weitere BroadcastChannel-Ressourcen
requestFullScreen
Medien spielen beim Surfen eine immer wichtigere Rolle.
Neben einer Touch-Geste für den Nutzer kannst du jetzt auch Element.requestFullScreen() verwenden, um nach einer Änderung der Bildschirmausrichtung den Vollbildmodus zu aktivieren. So lassen sich ansprechendere Medieninhalte erstellen, z. B. durch Drehen in den Vollbildmodus.
Fremdabruf
Stellen Sie sich vor, ein häufig verwendeter Ursprung wie ein API-Anbieter, ein Webschriftdienst oder ein anderer Dienst könnte einen eigenen Service Worker bereitstellen.
Anstatt immer das Netzwerk zu nutzen, könnte der Anbieter seine eigene benutzerdefinierte Netzwerklogik implementieren und eine einzelne autoritative Cache-Instanz zum Speichern der Antworten nutzen.
Dank des ausländischen Abrufs, der in Chrome 54 als Ursprungstest verfügbar ist, ist dies jetzt Realität. Wirf einen Blick auf Jeffreys Beitrag, den wir in den Kommentaren unten verlinkt haben.
Closing
Dies sind nur einige der Änderungen in Chrome 54 für Entwickler.
Weitere Informationen finden Sie in der Beschreibung. Außerdem finden Sie dort Links zur Dokumentation und zu den Spezifikationen.
Nicht vergessen: Der Chrome Dev Summit wird am 10. und 11. November auf YouTube gestreamt.
Wenn Sie sich über Chrome auf dem Laufenden halten und erfahren möchten, was kommt, klicken Sie dort oben auf die Schaltfläche Abonnieren.
Ich bin Pete LePage. Sobald Chrome 55 veröffentlicht wird, melde ich Sie selbst, was es bei Chrome Neues gibt.