Chrome 75 新功能

Pete LePage

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

我是 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 撰寫的文章「使用非同步提示進行低延遲轉譯」。

使用 Web Share API 分享檔案

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

在 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 開發人員 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 有哪些新功能！

相片來源