- U kunt nu uw eigen aangepaste HTML-tag maken en herbruikbare webcomponenten maken met Aangepaste elementen v1 .
- Met de BroadcastChannel API kunt u eenvoudiger berichten versturen tussen geopende vensters of tabbladen op dezelfde oorsprong.
- De media-ervaring is verbeterd op Android en het ophalen van buitenlandse content is nu beschikbaar als proefversie.
Ik ben Pete LePage . Laten we eens kijken wat er nieuw is voor ontwikkelaars in Chrome 54!
Aangepaste elementen v1
Complexe gebruikersinterfaces vereisen vaak een grote hoeveelheid HTML. De meeste talen stellen ontwikkelaars in staat om hun eigen componenten te bouwen op basis van taalprimitieven om dit soort omslachtigheid te beperken. Maar tot nu toe was het creëren van herbruikbare componenten op het web lastig.
Met aangepaste elementen kunt u uw eigen HTML-tags maken en de API en het gedrag van het nieuwe element in JavaScript definiëren. Het resultaat is een browser-native manier om herbruikbare, interoperabele componenten te bouwen.
Chrome 54 biedt ondersteuning voor de nieuwste aangepaste elementen V1-specificatie en blijft de V0 API ondersteunen totdat voldoende gebruikers zijn overgestapt op V1.
Bekijk onze primer over aangepaste elementen en ontdek hoe u deze kunt gebruiken om herbruikbare webcomponenten voor uw site of toepassing te maken.
BroadcastChannel API
Het is niet ongebruikelijk dat desktopgebruikers meerdere vensters of tabbladen tegelijk open hebben staan. Sommige sites moedigen dit gedrag zelfs aan, bijvoorbeeld webeditors die documenten in hun eigen tabbladen openen.
Communicatie tussen deze tabbladen kan lastig zijn. De BroadcastChannel API is een nieuwe API voor één-op-veel-berichten tussen vensters, tabbladen, iframes, webworkers en serviceworkers. Hiermee kunnen scripts benoemde kanalen instellen om berichten te versturen tussen browsercontexten van dezelfde oorsprong.
Andere BroadcastChannel bronnen
requestFullScreen
Media vormen een steeds belangrijker onderdeel van de browse-ervaring.
Naast een gebruikersgebaar kunt u nu Element.requestFullScreen() gebruiken om de volledige schermmodus te activeren na een wijziging van de schermoriëntatie . Zo kunt u rijkere media-ervaringen creëren, zoals roteren naar volledig scherm.
Buitenlandse fetch
Stel je voor dat een veelgebruikte bron, zoals een API-provider, webfont-service of andere service, de mogelijkheid zou hebben om zijn eigen service worker te implementeren.
In plaats van altijd naar het netwerk te gaan, zou de provider zijn eigen aangepaste netwerklogica kunnen implementeren en gebruikmaken van één enkele, gezaghebbende cache-instantie voor het opslaan van de antwoorden.
Dankzij Foreign Fetch, dat beschikbaar is in Chrome 54 als Origin Trial, is het nu werkelijkheid. Bekijk Jeffrey's bericht in de reacties hieronder!
Sluiting
Dit zijn slechts enkele van de wijzigingen in Chrome 54 voor ontwikkelaars.
Bekijk de beschrijving voor meer details en links naar documentatie en specificaties.
Oh, en vergeet niet om de Chrome Dev Summit te bekijken. We streamen deze op 10 en 11 november op YouTube.
Als u op de hoogte wilt blijven van Chrome en op de hoogte wilt blijven van wat er gaat gebeuren, klikt u op de knop Abonneren hierboven.
Ik ben Pete LePage en zodra Chrome 55 uitkomt, vertel ik u wat er nieuw is in Chrome!