Neu in Chrome 75

Pete LePage

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

Ich bin Pete LePage. Sehen wir uns an, was in Chrome 75 neu für Entwickler ist.

Änderungsprotokoll

Hier werden nur einige der wichtigsten Highlights behandelt. 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 möchten, muss die Seite die Grafikaktualisierungen mit dem DOM synchronisieren. Diese Synchronisierung kann manchmal zu Latenzen führen. In einer Zeichenanwendung können Latenzen von mehr als 50 Millisekunden die Hand-Augen-Koordination beeinträchtigen und die Nutzung erschweren.

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

Die Verwendung des Hinweises für die Desynchronisierung ist ganz einfach: Fügen Sie beim Erstellen des Canvas einfach desynchronized: true zum Optionsobjekt hinzu.

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

Weitere Informationen, einschließlich der Funktion zur Erkennung von Funktionen, findest du im Artikel Rendering mit niedriger Latenz mit dem desynchronisierten Hinweis von Joe.

Dateien mit der Web Share API teilen

Mit der Web Share API können Sie den Freigabedienst des Betriebssystems 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 jetzt das Teilen einer Datei, nachdem Sie sie komprimiert haben. Die Web Share API unterstützt derzeit die Freigabe 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, falls 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 Dateiarray übergeben, das Sie freigeben möchten. Chrome öffnet das Freigabeblatt des Systems 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
  }
}

Dann probiere die Demo aus. Ausführliche Informationen findest du im Artikel Dateien mit Web Share freigeben.

Numerische Trennzeichen

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

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

Die Google I/O 2019 ist vorbei

Wenn du nicht bei der I/O dabei warst oder du warst und nicht alle Vorträge gesehen hast, findest du 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, sobald wir ein neues Video veröffentlichen.

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

Bildnachweise