Nieuw in Chroom 56

Pete LePage

  • Gebruikers kunnen nu Bluetooth Low Energy-apparaten selecteren om verbinding te maken met websites die gebruikmaken van de Web Bluetooth API .
  • position: sticky is terug. Hierdoor kunt u eenvoudig elementen maken die normaal scrollen totdat ze bovenaan het viewport blijven plakken.
  • Standaard is HTML5 voor alle gebruikers ingeschakeld.

Ik ben Pete LePage . Laten we eens kijken wat er nieuw is voor ontwikkelaars in Chrome 56.

Web Bluetooth API

Tot nu toe moesten gebruikers met Bluetooth-apparaten native apps installeren om ermee te communiceren. Met Chrome 56 kunnen gebruikers Bluetooth Low Energy-apparaten in de buurt selecteren om te koppelen aan websites 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 gegevens van alles kan lezen. Gebruikers hebben volledige controle over wanneer en welk apparaat met een specifieke website wordt gedeeld.

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-schermen en meer. Web Bluetooth kan ook worden gecombineerd met fysieke webbeacons om het vinden van apparaten in de buurt nog gemakkelijker te maken.

Francois heeft een geweldig artikel over Updates . Bekijk vooral ook de leuke demo's die erbij zitten.

CSS- position: sticky;

Voorheen was het bouwen van contentheaders die normaal scrolden totdat ze bovenaan de viewport bleven hangen, afhankelijk van de scrollgebeurtenissen en het wijzigen van de positie van een element van relatief naar vast op een bepaalde drempel. Dit was moeilijk te synchroniseren en resulteerde 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 vast zodra het element een bepaalde scrollpositie bereikt.

Stel simpelweg position: sticky en stel een drempelwaarde in waarbinnen deze sticky moet worden.

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 geschreven.

HTML5 standaard

Afgelopen augustus kondigden we aan dat we standaard over zouden stappen op HTML5 om een ​​veiligere en energiezuinigere ervaring te bieden. Deze wijziging schakelt Adobe Flash Player uit, tenzij de gebruiker aangeeft Flash-content op specifieke websites te willen zien. Uiteindelijk zullen alle websites toestemming van de gebruiker nodig hebben om Flash te gebruiken.

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

Meer details over hoe en wanneer gebruikers een melding krijgen en aanbevelingen voor het testen van uw Flash-sites.

En meer

En natuurlijk is er nog veel meer.

Wilt u op de hoogte blijven van Chrome en weten wat er gaat gebeuren? Abonneer u dan, volg @ChromiumDev op Twitter en bekijk de video's van de Chrome Dev Summit voor een dieper inzicht in de geweldige dingen waar het Chrome-team aan werkt.

Ik ben Pete LePage en zodra Chrome 57 uitkomt, vertel ik u wat er nieuw is in Chrome!

Nieuw in Chrome Paasei

Als je tot hier hebt gelezen, verdien je de blooperreel van New in Chrome 52 ! Ik had het gevoel dat er elke keer dat ik mijn mond opendeed, een vrachtwagen voorbijreed, een helikopter overvloog of een auto toeterde.

Oh, en een dikke dankjewel aan Andrew voor het lenen van zijn shirt! Ik had een kleine kledingfout.