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

Dies sind nur einige der wichtigsten Highlights. Unter den Links unten finden Sie weitere Änderungen in Chrome 75.

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 desynchronized-Hinweis verwendet beim Erstellen eines canvas-Kontexts einen anderen Codepfad, der den üblichen DOM-Aktualisierungsmechanismus umgeht. Der Hinweis weist das System an, möglichst viel Rendering 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 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, 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. Du kannst also navigator.share aufrufen und ein Objekt mit dem Array der Dateien übergeben, die du freigeben möchtest. Chrome öffnet das Freigabeblatt des Systems und zeigt eine Liste der installierten Apps an, 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
  }
}

Sehen Sie sich die Demo an und lesen Sie den Artikel Dateien mit Web Share freigeben, um weitere Informationen zu erhalten.

Trennzeichen für Zahlen

Bei numerischen Literalen sind jetzt Unterstriche (_, U+005F) als Trennzeichen zulässig, um die Lesbarkeit zu verbessern. Beispiel: 1_000_000_000 wird bei mathematischen Vorgängen als äquivalent zu 1000000000 interpretiert.

Unterstriche dürfen nur zwischen Ziffern stehen. Mehrere 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

Falls Sie nicht zur I/O gekommen sind oder sich nicht alle Vorträge angesehen haben, finden Sie sie auf dem YouTube-Kanal von Chrome Developers 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.

Bildnachweis