- Chrome 57 voegt ondersteuning toe voor
display: grid- de nieuwe CSS Grid Layout-specificatie. - U kunt nu de invoer van gebruikers op het vergrendelscherm en meldingen aanpassen en erop reageren met behulp van de nieuwe Media Session API .
- En er zijn er nog veel meer !
Ik ben Pete LePage . Laten we eens kijken wat er nieuw is voor ontwikkelaars in Chrome 57!
CSS-rasterindeling
Flexbox is een krachtige lay-outtool. Het maakt veel complexe lay-outs mogelijk, maar kan slechts in één dimensie worden uitgevoerd. Chrome 57 voegt ondersteuning toe voor display: grid - de nieuwe CSS Grid Layout-specificatie , met een krachtige nieuwe tool voor het maken van tweedimensionale rastergebaseerde lay-outsystemen, geoptimaliseerd voor responsief gebruikersinterfaceontwerp.
Elementen in het raster kunnen meerdere kolommen of rijen beslaan. Gebieden in een CSS-raster kunnen ook een naam krijgen, waardoor de lay-outcode gemakkelijker te begrijpen is.
Surma heeft er een Updates-bericht over. Als je er meer over wilt weten, bekijk dan de site van Rachel Andrew : GridByExample.com .
Mediasessie-API
Een van de ontbrekende functies van webmedia-applicaties is de mogelijkheid om diepgaand te integreren met de kernmedia-ervaring op mobiele apparaten. In Chrome voor Android kunt u nu het vergrendelscherm en de meldingen met mediacontent aanpassen met de nieuwe Media Session API .
Door metadata over de afgespeelde content aan de browser te verstrekken, kunt u uitgebreide berichten op het vergrendelscherm maken met informatie zoals titel, artiest, albumnaam en artwork. U kunt ook luisteren naar en reageren op gebruikersacties die op de melding zelf worden uitgevoerd, zoals zoeken of overslaan.
Als je snel aan de slag wilt, heeft Francois een geweldig Updates-bericht . Je kunt ook de officiële repository met Chrome Media Sessions-voorbeelden bekijken op GitHub.
En nog veel meer!
En er is nog veel meer!
- Er zijn enkele verbeteringen doorgevoerd in de API voor betalingsverzoeken.
- U kunt de kleur van de tekstcursor opgeven met de eigenschap
caret-color. - Visuele effecten zoals lijnkleur en stijl kunnen worden opgegeven met nieuwe eigenschappen
text-decoration. - De Fetch API Response-klasse ondersteunt nu het kenmerk
.redirectedom onbetrouwbare reacties te voorkomen en het risico op open redirectors te verkleinen. - Alle IndexedDB- aliassen met het voorvoegsel
-webkit-zijn verwijderd, nadat ze in M38 niet meer werden gebruikt. - En een van mijn favorieten: de nieuwe opmaakmethoden
padStartenpadEnd, die het opvullen van tekenreeksen vereenvoudigen bij het uitlijnen van console-uitvoer of het afdrukken van getallen met een vast aantal cijfers.
Dit zijn slechts enkele van de wijzigingen in Chrome 57 voor ontwikkelaars.
Een shout-out naar Igalia
Tot slot een dikke pluim voor de engineers en het team van Igalia voor hun fantastische werk aan Blink. Zij speelden een cruciale rol bij het realiseren van de nieuwe CSS Grid- en caret-color functies.
Blijf op de hoogte
Wil je op de hoogte blijven van Chrome en weten wat er gaat gebeuren? Abonneer je dan op ons kanaal of volg @ChromiumDev op Twitter. Bekijk ook de video's van de Chrome Dev Summit voor een diepere duik in de fantastische dingen waar het Chrome-team aan werkt.
Ik ben Pete LePage en zodra Chrome 58 uitkomt, vertel ik u wat er nieuw is in Chrome!