Neu in Chrome 61

Pete LePage

  • Chrome 61 unterstützt jetzt nativ JavaScript-Module, wodurch die Art und Weise, wie modulares JavaScript geschrieben werden kann, vereinheitlicht wird.
  • Sie können jetzt navigator.share verwenden, um den nativen Android-Freigabedialog auszulösen.
  • Die WebUSB API ist verfügbar. Damit können Web-Apps auf vom Nutzer zugelassene USB-Geräte zugreifen.
  • Und es gibt noch viel mehr!

Möchten Sie die vollständige Liste der Änderungen sehen? Liste der Änderungen im Chromium-Quell-Repository

Ich bin Pete LePage. Sehen wir uns an, was es Neues für Entwickler in Chrome 61 gibt.

JavaScript-Module

In Chrome 61 wird das Element <script type="module"> eingeführt, mit dem JavaScript-Module nativ unterstützt werden. So kann Chrome detaillierte Abhängigkeiten parallel abrufen, Caching nutzen, Duplikate auf der Seite vermeiden und dafür sorgen, dass das Script in der richtigen Reihenfolge ausgeführt wird.

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

Dieses standardisierte Modulsystem vereinheitlicht die Art und Weise, wie modulares JavaScript geschrieben und an Webbrowser gesendet werden kann. Künftig wird dasselbe System in Node verfügbar sein, was es Ihnen erleichtert, isomorphen JavaScript-Code zu schreiben und bereitzustellen.

Unter den folgenden Links finden Sie weitere Informationen zu Modulen und den Aspekten von JavaScript, die von Modulen betroffen sind.

Web Share API

Wenn Sie möchten, dass Nutzer Ihre Inhalte ganz einfach in ihren bevorzugten sozialen Netzwerken teilen können, müssen Sie für jedes soziale Netzwerk entsprechende Schaltflächen in Ihre Website einbinden. Es führt zu einer Überfrachtung Ihrer Seite, passt nicht immer gut in Ihre Benutzeroberfläche und erfordert, dass Sie Code von einer Drittanbieterwebsite einfügen.

Mit der Web Share API, die heute in Chrome für Android verfügbar ist, können Sie die nativen Freigabefunktionen des Geräts des Nutzers aufrufen. So kann der Nutzer ganz einfach Text oder Links mit einer der installierten nativen Apps teilen.

In einer zukünftigen Version wird diese API auch für installierte Web-Apps verfügbar sein. Rufen Sie dazu einfach navigator.share mit den Details der Seite auf, die Sie teilen möchten. Das System erledigt den Rest.


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

In diesem Blogpost von Paul finden Sie alle Details und einige Best Practices, die Sie beachten sollten.

WebUSB

Die meisten Hardwareperipheriegeräte wie Tastaturen, Mäuse, Drucker und Gamepads werden von High-Level-Webplattform-APIs unterstützt. Die Verwendung von speziellen USB-Geräten für Bildung, Wissenschaft, Industrie oder andere Zwecke im Browser war jedoch schwierig und erforderte oft spezielle Treiber.

Chrome unterstützt jetzt die WebUSB API, mit der Web-Apps mit USB-Geräten kommunizieren können, nachdem der Nutzer seine Einwilligung erteilt hat. Weitere Informationen zu den Sicherheits- und Datenschutzaspekten und wie sie behandelt werden, finden Sie in der WebUSB-Spezifikation.

Wenn Sie bereit sind, sich näher damit zu befassen, lesen Sie den WebUSB-Beitrag von Francois zu Updates.

…und vieles mehr

  • Mit der CSS-Eigenschaft scroll-behavior können Sie jetzt die Scroll-Smoothness angeben.
  • Bei CSS-Hexadezimalfarbwerten kann jetzt die Alphatransparenz angegeben werden, indem dem String Ziffern hinzugefügt werden.
  • Mit der Visual Viewport API können Sie auf die relativen Positionen der Bildschirminhalte zugreifen und komplexe Funktionen wie das Ein- und Auszoomen auf direktere Weise nutzen.

Das sind nur einige der Änderungen in Chrome 61 für Entwickler.

Abonniere dann unseren YouTube-Kanal, um per E-Mail benachrichtigt zu werden, wenn wir ein neues Video veröffentlichen.

Ich bin Pete LePage und sobald Chrome 62 veröffentlicht wird, erfahrt ihr hier, was es Neues in Chrome gibt.