Neu in Chrome 61

Pete LePage

  • Chrome 61 unterstützt jetzt nativ JavaScript-Module. Dadurch wird die Schreibweise modularer JavaScript-Code vereinheitlicht.
  • Sie können jetzt navigator.share verwenden, um den nativen Android-Dialog zum Teilen aufzurufen.
  • Die WebUSB API ist da. Damit können Web-Apps auf vom Nutzer zugelassene USB-Geräte zugreifen.
  • Und es gibt noch viel mehr!

Vollständige Liste der Änderungen ansehen Liste der Änderungen am Chromium-Quell-Repository

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

JavaScript-Module

In Chrome 61 wird über das Element <script type="module"> native Unterstützung für JavaScript-Module hinzugefügt. So kann Chrome detaillierte Abhängigkeiten parallel abrufen, das 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 das Schreiben und Bereitstellen isomorpher JavaScript-Code vereinfacht.

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

Web Share API

Wenn Nutzer Ihre Inhalte ganz einfach in ihrem bevorzugten sozialen Netzwerk teilen können sollen, müssen Sie auf Ihrer Website für jedes soziale Netzwerk Schaltflächen zum Teilen einbinden. Sie vergrößert Ihre Seite, passt nicht immer gut zur Benutzeroberfläche und bedeutet, dass Sie Code von einer Drittanbieterwebsite einfügen müssen.

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

In einer zukünftigen Version kann diese API auch für die Freigabe für installierte Webanwendungen verwendet werden. 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 Pauls WebShare API-Update finden Sie weitere Informationen und Best Practices.

WebUSB

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

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

Wenn Sie bereit sind, werfen Sie einen Blick auf den WebUSB-Beitrag von François zu Updates.

…und vieles mehr

  • Sie können jetzt die Scrollgeschwindigkeit mit der CSS-Eigenschaft scroll-behavior angeben.
  • Für CSS-Hex-Farbwerte kann jetzt die Alphatransparenz angegeben werden, indem am Ende des Strings Ziffern hinzugefügt werden.
  • Mit der Visual Viewport API können Sie auf die relativen Positionen des Bildschirminhalts zugreifen und komplexe Funktionen wie „Zum Heranzoomen zusammenziehen und auseinanderziehen“ direkt anbieten.

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

Abonniere dann unseren YouTube-Kanal. Du erhältst dann eine E-Mail-Benachrichtigung, sobald wir ein neues Video veröffentlichen.

Ich bin Pete LePage. Sobald Chrome 62 veröffentlicht wird, erzähle ich Ihnen hier, was es Neues in Chrome gibt.