Nieuw in Chroom 56

Pete LePage

• Gebruikers kunnen nu Bluetooth Low Energy-apparaten selecteren om verbinding te maken met websites die de Web Bluetooth API gebruiken.
• position: sticky is terug - waardoor het gemakkelijk wordt om elementen te maken die normaal scrollen totdat ze aan de bovenkant van de viewport blijven plakken.
• En HTML5 is standaard ingeschakeld voor alle gebruikers.

Ik ben Pete LePage , laten we erin duiken en kijken wat er nieuw is voor ontwikkelaars in Chrome 56.

Web Bluetooth-API

Tot nu toe werden gebruikers met Bluetooth-apparaten gedwongen native apps te installeren om met hen te communiceren. Met Chrome 56 kunnen gebruikers Bluetooth Low Energy-apparaten in de buurt selecteren om aan websites te leveren die de Web Bluetooth API gebruiken.

Net als bij het selecteren van bestanden om te delen met een website, is dit veiliger dan het installeren van een native applicatie die overal gegevens van kan lezen. Gebruikers hebben volledige controle over wanneer en welk apparaat wordt gedeeld met een specifieke website.

De Web Bluetooth API maakt gebruik van het GATT-protocol , waarmee apps met slechts een paar regels JavaScript verbinding kunnen maken met apparaten zoals gloeilampen, speelgoed, hartslagmeters, LED-displays en meer. Web Bluetooth kan ook worden gecombineerd met fysieke webbakens om het ontdekken van apparaten in de buurt nog eenvoudiger te maken.

Francois heeft een geweldig artikel over Updates . Bekijk zeker enkele leuke demo's die daarbij horen.

CSS- position: sticky;

Voorheen vereiste het bouwen van contentheaders die normaal scrolden totdat ze aan de bovenkant van de viewport bleven, het luisteren naar scrollgebeurtenissen en het omschakelen van de positie van een element van relatief naar vast op een gespecificeerde drempel. Het was moeilijk om te synchroniseren en resulteert vaak in kleine visuele sprongen.

Chrome ondersteunt nu CSS- position: sticky; , een nieuwe manier om elementen te positioneren.

Een element dat position sticky is, begint relatief; maar wordt vastgezet nadat het element een bepaalde scrollpositie heeft bereikt.

Stel eenvoudig position: sticky en stel een drempel in zodat deze sticky wordt.

h3 {
  /* Element will be 'fixed' when it ... */
  position: sticky;
  /* ... is 10px from the top of the viewport */
  top: 10px;
}

Paul Kinlan heeft er een Updates- bericht over.

Standaard HTML5

Afgelopen augustus hebben we aangekondigd dat we zouden overstappen op HTML5 By Default om een ​​veiligere, energiezuinigere ervaring te bieden. Door deze wijziging wordt Adobe Flash Player uitgeschakeld, tenzij de gebruiker aangeeft dat hij Flash-inhoud op specifieke sites wil hebben. Uiteindelijk zullen alle websites toestemming van de gebruiker nodig hebben om Flash uit te voeren.

In Chrome 56 is HTML5 standaard ingeschakeld voor alle gebruikers , wat betekent dat ze worden gevraagd Flash uit te voeren op sites die ze nog nooit hebben bezocht.

Meer details over hoe en wanneer gebruikers worden gevraagd , en aanbevelingen over hoe u uw Flash-sites kunt testen.

En meer

En natuurlijk is er nog veel meer.

• WebVR is beschikbaar als Origin-proefversie.
• De WebGL 2.0 API is nu beschikbaar.
• En de Payment Request API heeft een aantal nieuwe functies .

Als je op de hoogte wilt blijven van Chrome en wilt weten wat er gaat komen, abonneer je dan, volg @ChromiumDev op Twitter en bekijk zeker de video's van de Chrome Dev Summit voor een diepere duik in enkele van de geweldige dingen die Chrome biedt team aan werkt.

Ik ben Pete LePage, en zodra Chrome 57 uitkomt, ben ik hier om je te vertellen: wat er nieuw is in Chrome!

Nieuw in Chrome Easter Egg

Als je tot hier leest, verdien je het om de blooper-reel van Nieuw in Chrome 52 te zien! Ik had het gevoel dat elke keer dat ik mijn mond opende, er een vrachtwagen voorbij zou rijden, een helikopter zou overvliegen, een auto zou toeteren.

Oh, en hartelijk dank aan Andrew voor het lenen van zijn shirt! Ik had een beetje een kledingkaststoring.