- U kunt nu uw eigen aangepaste HTML-tag maken en herbruikbare webcomponenten maken met Custom Elements v1 .
- Het is gemakkelijker om berichten te verzenden tussen geopende vensters of tabbladen op dezelfde oorsprong met de BroadcastChannel API .
- De media-ervaring wordt beter op Android en buitenlands ophalen is nu beschikbaar als origin-proefversie.
Ik ben Pete LePage , laten we erin duiken en kijken wat er nieuw is voor ontwikkelaars in Chrome 54!
Aangepaste elementen v1
Complexe gebruikersinterfaces vereisen vaak een grote hoeveelheid HTML. In de meeste talen kunnen ontwikkelaars hun eigen componenten maken die bovenop taalprimitieven zijn gebouwd om dit soort breedsprakigheid te verminderen. Maar tot nu toe was het moeilijk om herbruikbare componenten op internet te maken.
Met aangepaste elementen kunt u uw eigen aangepaste 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 genoeg van jullie zijn overgestapt naar V1.
Bekijk onze inleiding over aangepaste elementen en ontdek hoe u deze kunt gebruiken om herbruikbare webcomponenten voor uw site of applicatie te maken.
BroadcastChannel-API
Het is niet ongebruikelijk dat desktopgebruikers meerdere vensters of tabbladen tegelijk open hebben, en sommige sites moedigen dit gedrag zelfs aan, zoals webeditors die documenten op hun eigen tabbladen openen.
Communiceren tussen deze tabbladen kan moeilijk zijn. De BroadcastChannel API is een nieuwe één-op-veel-berichten-API tussen vensters, tabbladen, iframes, webwerkers en servicemedewerkers. Hiermee kunnen scripts benoemde kanalen opzetten om berichten te verzenden tussen browsercontexten van dezelfde oorsprong.
Andere BroadcastChannel -bronnen
requestFullScreen
Media vormen een steeds belangrijker onderdeel van de surfervaring.
Naast een gebruikersgebaar kunt u nu Element.requestFullScreen() gebruiken om de modus Volledig scherm te activeren na een verandering van de schermoriëntatie - en kunt u rijkere media-ervaringen creëren, waaronder roteren naar volledig scherm.
Buitenlandse haal
Stel je voor dat een veelgebruikte origine, zoals een API-provider, webfont-service of andere service, de mogelijkheid zou hebben om een eigen servicemedewerker in te zetten.
In plaats van altijd naar het netwerk te gaan, zou de provider zijn eigen aangepaste netwerklogica kunnen implementeren en kunnen profiteren van één enkele, gezaghebbende cache-instantie voor het opslaan van zijn antwoorden.
Dankzij Foreign Fetch, dat beschikbaar is in Chrome 54 als origin-proefversie, is dit nu werkelijkheid. Bekijk het bericht van Jeffrey, gelinkt in de reacties hieronder!
Sluitend
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 de Chrome Dev Summit te bekijken, deze streamen we op 10 en 11 november op YouTube.
Als je op de hoogte wilt blijven van Chrome en wilt weten wat er gaat komen, klik dan op de knop 'Abonneren' daarboven.
Ik ben Pete LePage, en zodra Chrome 55 uitkomt, ben ik hier om je te vertellen: wat er nieuw is in Chrome!