Neu in Chrome 61

  • Chrome 61 unterstützt jetzt nativ JavaScript-Module und vereinheitlicht die Art und Weise, wie modularer JavaScript-Code geschrieben werden kann.
  • Sie können jetzt navigator.share verwenden, um das native Android-Freigabedialogfeld auszulösen.
  • Die WebUSB API ist jetzt verfügbar. Sie ermöglicht Webanwendungen den Zugriff auf von Nutzern zugelassene USB-Geräte.
  • Das sind noch reichlich mehr!

Möchten Sie die vollständige Liste der Änderungen sehen? Weitere Informationen finden Sie in der Änderungsliste des Chromium-Quell-Repositorys.

Mein Name ist Pete LePage. Jetzt sehen wir uns an, was es für Entwickler Neues bei Chrome 61 gibt.

JavaScript-Module

Chrome 61 bietet native Unterstützung für JavaScript-Module über das <script type="module">-Element. So kann Chrome detaillierte Abhängigkeiten parallel abrufen und dabei Caching nutzen, Duplikate auf der Seite vermeiden und dafür sorgen, dass das Skript 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. Zukünftig wird dasselbe System auch in Node verfügbar sein. Dies erleichtert Ihnen das Schreiben und Bereitstellen von isomorphem JavaScript.

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

Web Share API

Wenn Sie möchten, dass Nutzer Ihre Inhalte problemlos in ihrem bevorzugten sozialen Netzwerk teilen können, müssen Sie für jedes soziale Netzwerk Freigabeschaltflächen in Ihre Website integrieren. Dadurch wird Ihre Seite aufgebläht und die Benutzeroberfläche ist nicht immer optimal. Daher müssen Sie Code von einer Drittanbieter-Website einfügen.

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

In einer zukünftigen Version wird diese API auch für installierte Web-Apps freigeben können. Rufen Sie dazu einfach navigator.share mit den Details der Seite auf, die Sie freigeben möchten, damit das System den Rest übernimmt.


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

Ausführliche Informationen und einige Best Practices findest du unter WebShare API Update von Paul.

WebUSB

Die meisten Hardware-Peripheriegeräte wie Tastaturen, Mäuse, Drucker und Gamepads werden von übergeordneten Webplattform-APIs unterstützt. Die Verwendung spezieller Bildungs-, wissenschaftlicher, industrieller oder anderer USB-Geräte im Browser war jedoch schwierig und erforderte oft spezielle Treiber.

Chrome unterstützt jetzt die WebUSB API. Web-Apps können so mit USB-Geräten kommunizieren, nachdem der Nutzer seine Einwilligung gegeben hat. Weitere Informationen zu Sicherheits- und Datenschutzaspekten und dazu, wie damit umgegangen wird, finden Sie in der WebUSB-Spezifikation.

Wenn Sie dann soweit sind, sehen Sie sich Francois' WebUSB-Post zu den Aktualisierungen an.

…und vieles mehr

  • Mit der CSS-Eigenschaft scroll-behavior können Sie jetzt eine flüssige Scrollfunktion festlegen.
  • Mit CSS-Hex-Farbwerten kann jetzt die Alpha-Transparenz angegeben werden, indem Ziffern am Ende des Strings hinzugefügt werden.
  • Sie können mit der Visual Viewport API auf die relativen Positionen des Bildschirminhalts zugreifen und komplexe Funktionen wie Pinch & Zoom direkt verfügbar machen.

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

Abonniere unseren YouTube-Kanal, um bei jedem neuen Video eine E-Mail-Benachrichtigung zu erhalten.

Ich bin Pete LePage. Sobald Chrome 62 veröffentlicht wird, melde ich mich, um Sie über die Neuheiten in Chrome zu informieren.