Chrome 75 新功能

Pete LePage

Chrome 75 新增了以下支援功能：

  • 有新的方法可以縮短 canvas 元素的延遲時間。
  • 網頁應用程式現在可以使用系統層級的分享工作表，將檔案分享給其他已安裝的應用程式。
  • 數字文字常值現在允許使用底線做為分隔符，讓數字更易於閱讀。
  • 2019 年 Google I/O 大會已圓滿落幕，所有演講都已上傳至 YouTube 頻道。

我是 Pete LePage，以下介紹 Chrome 75 為開發人員提供的新功能！

變更記錄檔

這篇文章只涵蓋部分重點，如要瞭解 Chrome 75 的其他異動，請參閱下方連結。

低延遲 canvas 情境的提示

使用畫布元素在螢幕上繪圖時，網頁必須將圖形更新內容與 DOM 同步。這項同步處理作業有時會造成延遲。舉例來說，在繪圖應用程式中，延遲時間超過 50 毫秒的延遲時間可能會幹擾手眼協調，因此難以使用。

desynchronized 提示在建立 canvas 情境時，會使用不同的程式碼路徑，以便略過一般 DOM 更新機制。提示會指示系統盡可能略過合成作業。在某些情況下，canvas 的基礎緩衝區會直接傳送至螢幕的顯示控制器。避免使用轉譯器合成器佇列造成的延遲。

使用非同步提示很簡單，只要在建立畫布時將 desynchronized: true 新增至選項物件即可。

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

如需更多詳細資訊 (包括如何進行功能偵測)，請參閱 Joe 撰寫的文章「使用 desynchronized hint 進行低延遲轉譯」。

使用 Web Share API 共用檔案

Web Share API 可讓您插入 OS 提供的共用服務，輕鬆與使用者裝置上的其他已安裝應用程式分享網頁和應用程式。

在 Chrome 75 版中，Web Share API 現在支援共用檔案了！我對這項功能特別感到興奮，因為這讓應用程式更輕鬆地分享相片、影片等內容。Squoosh 會在壓縮完成後新增此功能，以便分享檔案。Web Share API 目前支援分享音訊檔案、圖片、影片和文字文件。

建議您使用功能偵測功能，確認是否支援 Web Share API，並在無法支援時改用傳統機制。此外，您也可以使用 navigator.canShare 檢查是否支援檔案共用。


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

如果 navigator.canShare 傳回 true，表示系統支援共用這些檔案，因此您可以呼叫 navigator.share，並傳遞物件，其中包含要共用的檔案陣列。Chrome 會開啟系統分享頁面，並列出可用來分享檔案的已安裝應用程式。

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
  }
}

請試用示範，並參閱「使用 Web Share 共用檔案」一文，瞭解完整詳細資訊。

數字分隔符

數字常值現在則允許底線 (_、U+005F) 做為分隔符，讓這些字元更容易閱讀。舉例來說，1_000_000_000 會由數學運算解譯為相當於 1000000000 的運算。

底線只能出現在數字之間，且不允許連續使用底線。因此，3._14、_2.71 或 1.6__2 等常值都是無效的。

2019 年 Google I/O 大會圓滿落幕

如果你沒有參加 I/O，或是參加了 I/O 但沒有觀看所有演講，這些演講都會在 Chrome Developers YouTube 頻道的 Google I/O 2019 網路播放清單中播放。

  • Tom 和我共同發表了「Unlocking new capabilities for the web」，介紹今年瀏覽器推出的幾項令人驚豔的新功能。
  • Addy 和 Katie 在「Speed at Scale」一文中介紹了一些實用的效能秘訣。
  • Elizabeth 和 Paul 在「解密速度工具」一文中深入探討了一些很酷的 devtools。
  • 在「從功能型手機到電腦，打造快速流暢的網路應用程式」中，Mariko 向我們展示她和團隊如何打造Proxx，讓這款應用程式可在任何裝置上運作，包括功能型手機、智慧型手機和電腦。如果您還沒試過 Proxx，這是一款超好玩的掃雷遊戲克隆遊戲。

訂閱

如要隨時掌握最新影片，請訂閱 Chrome 開發人員 YouTube 頻道，這樣一來，我們發布新影片時，你就會收到電子郵件通知。

我是 Pete LePage，Chrome 76 一推出，我就會馬上在這裡告訴你 Chrome 有哪些新功能！

相片來源