- Mit Custom Elements V1 können Sie jetzt eigene benutzerdefinierte HTML-Tags erstellen und wiederverwendbare Webkomponenten erstellen.
- Mit der BroadcastChannel API können Sie einfacher Nachrichten zwischen geöffneten Fenstern oder Tabs mit demselben Ursprung senden.
- Die Wiedergabe von Medien auf Android-Geräten wurde verbessert und Foreign Fetch ist jetzt als Ursprungstest verfügbar.
Ich bin Pete LePage. Sehen wir uns an, was in Chrome 54 für Entwickler neu ist.
Benutzerdefinierte Elemente V1
Komplexe Benutzeroberflächen erfordern oft viel HTML-Code. In den meisten Programmiersprachen können Entwickler eigene Komponenten auf der Grundlage von Sprachprimitiven erstellen, um diese Art von Ausführlichkeit zu vermeiden. 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 neueste V1-Spezifikation für benutzerdefinierte Elemente und wird die V0 API so lange unterstützen, bis genügend Nutzer auf V1 umgestiegen sind.
In unserem Einstieg in benutzerdefinierte Elemente erfahren Sie, wie Sie damit wiederverwendbare Webkomponenten für Ihre Website oder Anwendung erstellen.
BroadcastChannel API
Es ist nicht ungewöhnlich, dass Desktopnutzer mehrere Fenster oder Tabs gleichzeitig geöffnet haben. Einige Websites fördern dieses Verhalten sogar, z. B. Webeditoren, die Dokumente in eigenen Tabs öffnen.
Die Kommunikation zwischen diesen Tabs kann schwierig sein. Die BroadcastChannel API ist eine neue One-to-Many-Messaging-API zwischen Fenstern, Tabs, Iframes, Webworkern und Serviceworkern. Es ermöglicht Scripts, benannte Kanäle einzurichten, um Nachrichten zwischen Browserkontexten desselben Ursprungs zu senden.
Weitere BroadcastChannel-Ressourcen
requestFullScreen
Medien spielen beim Surfen im Internet eine immer wichtigere Rolle.
Zusätzlich zu einer Nutzergeste können Sie jetzt auch den Befehl Element.requestFullScreen() verwenden, um den Vollbildmodus nach einer Änderung der Bildschirmausrichtung zu aktivieren. So können Sie Medieninhalte ansprechender gestalten und beispielsweise zum Vollbildmodus wechseln.
Fremdabruf
Stellen Sie sich vor, ein häufig verwendeter Ursprung wie ein API-Anbieter, ein Web-Schriftartendienst oder ein anderer Dienst könnte seinen eigenen Service Worker bereitstellen.
Anstatt immer das Netzwerk aufzurufen, könnte der Anbieter seine eigene benutzerdefinierte Netzwerklogik implementieren und eine einzelne autoritative Cache-Instanz zum Speichern seiner Antworten nutzen.
Dank der Funktion „Foreign Fetch“, die in Chrome 54 als Origin Trial verfügbar ist, ist das jetzt möglich. Seht euch Jeffreys Beitrag in den Kommentaren unten an.
Abschluss
Das sind nur einige der Änderungen in Chrome 54 für Entwickler.
Weitere Informationen sowie Links zur Dokumentation und zu den Spezifikationen findest du in der Beschreibung.
Und denken Sie daran, sich den Chrome Dev Summit anzusehen. Wir streamen ihn am 10. und 11. November auf YouTube.
Wenn Sie über Neuigkeiten zu Chrome auf dem Laufenden bleiben möchten, klicken Sie oben auf die Schaltfläche Abonnieren.
Ich bin Pete LePage. Sobald Chrome 55 veröffentlicht wird, erzähle ich Ihnen hier, was es Neues in Chrome gibt.