Nieuw in Chrome 61

Pete LePage

  • Chrome 61 ondersteunt nu native JavaScript- modules , waardoor modulaire JavaScript op een uniforme manier kan worden geschreven.
  • U kunt nu navigator.share gebruiken om het native Android-deelvenster te openen.
  • De WebUSB API is beschikbaar, waardoor webapps toegang krijgen tot USB-apparaten waarvoor door de gebruiker toestemming is gegeven.
  • En er is nog veel meer !

Wilt u de volledige lijst met wijzigingen bekijken? Bekijk de wijzigingenlijst in de Chromium-bronrepository .

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

JavaScript-modules

Chrome 61 voegt native ondersteuning toe voor JavaScript-modules via het <script type="module"> element. Dit maakt het voor Chrome mogelijk om gedetailleerde afhankelijkheden parallel op te halen, waarbij gebruik wordt gemaakt van caching, duplicaties op de pagina worden voorkomen en ervoor wordt gezorgd dat scripts in de juiste volgorde worden uitgevoerd.

<script type="module">
  import {addText} from './utils.js';
  addText('Modules are pretty cool.');
</script>

Dit gestandaardiseerde modulesysteem verenigt de manier waarop modulaire JavaScript kan worden geschreven en naar webbrowsers kan worden verzonden. In de toekomst zal hetzelfde systeem beschikbaar zijn in Node, waardoor het schrijven en implementeren van isomorfe JavaScript eenvoudiger wordt.

Via de onderstaande links kunt u meer leren over modules en de aspecten van JavaScript die door modules worden beïnvloed.

Web Share API

Als je wilt dat gebruikers je content gemakkelijk kunnen delen op hun favoriete sociale netwerk, moet je deelknoppen voor elk sociaal netwerk in je site integreren. Dit voegt onnodige rommel toe aan je pagina, past niet altijd goed in je gebruikersinterface en betekent dat je code van een externe site moet gebruiken.

Met de Web Share API, vanaf vandaag beschikbaar op Chrome voor Android, kunt u de ingebouwde deelmogelijkheden van het apparaat van de gebruiker aanroepen. Zo kan de gebruiker eenvoudig tekst of links delen met al zijn geïnstalleerde native apps!

In een toekomstige release kan deze API ook worden gedeeld met geïnstalleerde webapps. Om deze te gebruiken, roept u navigator.share aan met de details van de pagina die u wilt delen, waarna het systeem de rest afhandelt. 


navigator.share({
  title: document.title, text: 'Hello',
  url: window.location.href
}).then(() => {
  console.log('Successful share');
});

Bekijk Paul's WebShare API Update voor alle details en een aantal best practices die u moet volgen.

WebUSB

De meeste hardware-randapparatuur zoals toetsenborden, muizen, printers en gamepads worden ondersteund door geavanceerde webplatform-API's. Het gebruik van gespecialiseerde educatieve, wetenschappelijke, industriële of andere USB-apparaten in de browser is echter lastig en vereist vaak speciale drivers.

Chrome ondersteunt nu de WebUSB API, waardoor webapps kunnen communiceren met USB-apparaten nadat de gebruiker toestemming heeft gegeven. Raadpleeg de WebUSB-specificatie voor meer informatie over beveiligings- en privacyaspecten en hoe deze worden aangepakt.

Als je er klaar voor bent om aan de slag te gaan, bekijk dan Francois' WebUSB-bericht over updates.

En nog veel meer!

  • U kunt nu de vloeiendheid van het scrollen opgeven met de CSS-eigenschap scroll-behavior .
  • Hex-kleurwaarden in CSS kunnen nu de alfatransparantie specificeren door cijfers aan het einde van de tekenreeks toe te voegen.
  • Met de Visual Viewport API krijgt u toegang tot de relatieve posities van de scherminhoud, waardoor complexe functionaliteit, zoals knijpen en zoomen, op een directere manier beschikbaar wordt.

Dit zijn slechts enkele van de wijzigingen in Chrome 61 voor ontwikkelaars.

Abonneer je dan op ons YouTube-kanaal , dan ontvang je een e-mailmelding wanneer we een nieuwe video lanceren.

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