Neu in Chrome 75

Pete LePage

In Chrome 75 haben wir Unterstützung für Folgendes hinzugefügt:

Ich bin Pete LePage und wir sehen uns jetzt an, was es Neues für Entwickler in Chrome 75 gibt.

Änderungsprotokoll

Dies sind nur einige der wichtigsten Neuerungen. Weitere Änderungen in Chrome 75 finden Sie unter den folgenden Links.

Hinweis für canvas-Kontexte mit niedriger Latenz

Wenn Sie mit dem Canvas-Element auf dem Bildschirm zeichnen, muss die Seite Grafikaktualisierungen mit dem DOM synchronisieren. Diese Synchronisierung kann manchmal zu Latenz führen. In einer Zeichen-App können Latenzen von mehr als 50 Millisekunden beispielsweise die Hand-Augen-Koordination beeinträchtigen und die Verwendung erschweren.

Der desynchronized-Hinweis verwendet beim Erstellen eines canvas-Kontexts einen anderen Codepfad, der den üblichen DOM-Aktualisierungsmechanismus umgeht. Der Hinweis weist das System an, so viel Compositing wie möglich zu überspringen. In einigen Fällen wird der zugrunde liegende Puffer des canvas direkt an den Displaycontroller des Bildschirms gesendet. Dadurch wird die Latenz vermieden, die durch die Verwendung der Renderer-Compositor-Warteschlange entstehen würde.

Die Verwendung des Hinweises zur Desynchronisierung ist einfach. Fügen Sie beim Erstellen des Canvas einfach desynchronized: true zum Optionenobjekt hinzu.

const opts = { desynchronized: true };
const ctx = canvas.getContext('2d', opts);

Weitere Informationen, auch zur Funktionserkennung, finden Sie im Artikel Low-latency rendering with the desynchronized hint von Joe.

Dateien mit der Web Share API teilen

Mit der Web Share API können Sie den vom Betriebssystem bereitgestellten Freigabedienst nutzen, um Webseiten und Apps ganz einfach für andere installierte Apps auf dem Gerät des Nutzers freizugeben.

In Chrome 75 unterstützt die Web Share API jetzt die Freigabe von Dateien. Ich freue mich besonders darüber, weil es Apps viel einfacher macht, Fotos, Videos und mehr zu teilen. Squoosh unterstützt diese Funktion, damit Sie eine Datei teilen können, nachdem Sie sie komprimiert haben. Die Web Share API unterstützt derzeit das Teilen von Audiodateien, Bildern, Videos und Textdokumenten.

Am besten verwenden Sie die Funktionserkennung, um zu prüfen, ob die Web Share API unterstützt wird, und greifen auf Ihren herkömmlichen Mechanismus zurück, wenn dies nicht der Fall ist. Mit navigator.canShare können Sie prüfen, ob die Dateifreigabe unterstützt wird.


const webShareAvailable = {
  links: 'share' in navigator,
  files: 'canShare' in navigator,
};

Wenn navigator.canShare true zurückgibt, wird die Freigabe dieser Dateien unterstützt. Sie können also navigator.share aufrufen und ein Objekt mit dem Array der Dateien übergeben, die Sie freigeben möchten. In Chrome wird das Systemfreigabeblatt geöffnet und eine Liste der installierten Apps angezeigt, mit denen Sie die Dateien teilen können.

if (webShareAvailable.files) {
  const shareData = { files: filesArray };
  if (navigator.canShare(shareData)) {
    shareData.title = 'Squooshed files.';
    navigator.share(shareData)
      .then(...)
      .catch(...);
  } else {
    // File sharing not supported
  }
}

Probieren Sie die Demo aus und lesen Sie den Artikel Dateien mit Web Share freigeben, um alle Details zu erfahren.

Numerische Trennzeichen

Numerische Literale dürfen jetzt Unterstriche (_, U+005F) als Trennzeichen enthalten, um sie lesbarer zu machen. 1_000_000_000 wird beispielsweise bei mathematischen Operationen als 1000000000 interpretiert.

Unterstriche dürfen nur zwischen Ziffern stehen und aufeinanderfolgende Unterstriche sind nicht zulässig. Literale wie 3._14, _2.71 oder 1.6__2 sind also unzulässig.

Die Google I/O 2019 ist vorbei

Wenn Sie nicht auf der I/O waren oder vielleicht doch, aber nicht alle Vorträge gesehen haben, finden Sie sie alle auf dem YouTube-Kanal für Chrome-Entwickler in der Playlist „Web at Google I/O 2019“.

Abonnieren

Wenn Sie über unsere Videos auf dem Laufenden bleiben möchten, abonnieren Sie unseren YouTube-Kanal für Chrome-Entwickler. Sie erhalten dann eine E-Mail-Benachrichtigung, wenn wir ein neues Video veröffentlichen.

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

Bildnachweis