Neu in Chrome 75

Pete LePage

Chrome 75 bietet Unterstützung für:

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

Änderungsprotokoll

Hier werden nur einige der wichtigsten Highlights vorgestellt. Weitere Änderungen in Chrome 75 findest du unter den folgenden Links.

Hinweis für canvas-Kontexte mit niedriger Latenz

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

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

Die Verwendung des desynchronisierten Hinweises ist einfach. Fügen Sie dem Optionsobjekt beim Erstellen des Canvas einfach desynchronized: true hinzu.

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

Im Artikel Rendering mit niedriger Latenz mit dem desynchronisierten Hinweis finden Sie weitere Informationen, unter anderem dazu, wie Sie die Featureerkennung durchführen können.

Dateien über die Web Share API freigeben

Mit der Web Share API können Sie den vom Betriebssystem bereitgestellten Dienst zum Teilen von Inhalten nutzen. So lassen sich Webseiten und Apps ganz einfach mit anderen installierten Apps auf dem Gerät des Nutzers teilen.

In Chrome 75 unterstützt die Web Share API jetzt das Teilen von Dateien. Besonders toll finde ich das, weil es Apps einfacher macht, Fotos, Videos und mehr zu teilen. Squoosh unterstützt dies, damit eine Datei nach der Komprimierung freigegeben wird. Die Web Share API unterstützt derzeit die Freigabe von Audiodateien, Bildern, Videos und Textdokumenten.

Mit der Funktionserkennung kannst du prüfen, ob die Web Share API unterstützt wird. Falls nicht, kannst du auf deinen herkömmlichen Mechanismus zurückgreifen. Außerdem können Sie mit navigator.canShare 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, sodass Sie navigator.share aufrufen und ein Objekt mit dem Array der Dateien übergeben können, die Sie freigeben möchten. Chrome öffnet das System-Share-Sheet und zeigt eine Liste der installierten Apps an, für die Sie die Dateien freigeben 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.

Numerische Trennzeichen

Numerische Literale lassen jetzt Unterstriche (_, U+005F) als Trennzeichen zu, um sie lesbarer zu machen. Beispielsweise wird 1_000_000_000 von mathematischen Operationen als äquivalent zu 1000000000 interpretiert.

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

Die Google I/O 2019 ist beendet

Wenn Sie nicht an der I/O teilgenommen haben oder nicht alle Vorträge gesehen haben, finden Sie alle Beiträge 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 werden per E-Mail benachrichtigt, wenn wir ein neues Video veröffentlichen.

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

Bildnachweis