Nieuw in Chrome 61

Piet LePage

  • Chrome 61 ondersteunt nu native JavaScript- modules , waardoor de manier waarop modulair JavaScript kan worden geschreven, wordt verenigd.
  • U kunt nu navigator.share gebruiken om het native Android-dialoogvenster voor delen te activeren.
  • De WebUSB API is geland, waardoor webapps toegang krijgen tot door de gebruiker toegestane USB-apparaten.
  • En er is nog veel meer !

Wilt u de volledige lijst met wijzigingen? Bekijk de Chromium-bronrepositorywijzigingslijst .

Ik ben Pete LePage . Laten we erin duiken en 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. Dat maakt het voor Chrome mogelijk om gedetailleerde afhankelijkheden parallel op te halen, gebruik te maken van caching, duplicaties op de pagina te vermijden en ervoor te zorgen 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 modulair JavaScript kan worden geschreven en naar webbrowsers kan worden verzonden. In de toekomst zal hetzelfde systeem beschikbaar zijn in Node, waardoor het voor u gemakkelijker wordt om isomorf JavaScript te schrijven en te implementeren.

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

Webshare-API

Als u wilt dat gebruikers uw inhoud gemakkelijk kunnen delen op hun favoriete sociale netwerk, moet u voor elk sociaal netwerk deelknoppen in uw site integreren. Het voegt een opgeblazen gevoel toe aan uw pagina, past niet altijd goed bij uw gebruikersinterface en betekent dat u code van een site van derden moet opnemen.

Met de Web Share API, die vandaag beschikbaar is in Chrome voor Android, kunt u een beroep doen op de native deelmogelijkheden van het apparaat van de gebruiker, waardoor de gebruiker eenvoudig tekst of links kan delen met al zijn geïnstalleerde native apps!

In een toekomstige release kan deze API ook delen met geïnstalleerde webapps. Om het te gebruiken, belt u eenvoudigweg navigator.share met de details van de pagina die u wilt delen. Het systeem regelt de rest.


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

Bekijk Paul's WebShare API Update voor volledige details en enkele best practices die u zou moeten volgen.

WebUSB

De meeste hardwarerandapparatuur, zoals toetsenborden, muizen, printers en gamepads, worden ondersteund door hoogwaardige webplatform-API's. Maar het gebruik van gespecialiseerde educatieve, wetenschappelijke, industriële of andere USB-apparaten in de browser was moeilijk en vereiste vaak gespecialiseerde stuurprogramma's.

Chrome ondersteunt nu de WebUSB API, waardoor webapps kunnen communiceren met USB-apparaten, nadat de gebruiker toestemming heeft gegeven. Voor meer informatie over de beveiligings- en privacyoverwegingen en hoe deze worden aangepakt, kunt u een kijkje nemen in de WebUSB-specificaties .

Als je er dan klaar voor bent om erin te duiken, kijk dan eens naar de WebUSB-post van Francois over updates.

En meer!

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

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

Abonneer u dan op ons YouTube-kanaal en u ontvangt een e-mailmelding wanneer we een nieuwe video lanceren.

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