Chrome 75 新功能

在 Chrome 75 版中,我們現在支援下列項目:

我是 Pete LePage,深入探索 Chrome 75 為開發人員提供的新功能!

變更記錄檔

以上內容僅涵蓋部分重點內容,請點選下方連結,瞭解 Chrome 75 的其他異動。

低延遲 canvas 情境的提示

如要在螢幕上使用畫布元素繪圖,頁面必須將圖形更新與 DOM 同步處理。這項同步處理作業有時可能會產生延遲。舉例來說,在繪圖應用程式中,超過 50 毫秒的延遲時間可能會與手眼協調作業幹擾,導致難以使用。

建立 canvas 結構定義時,desynchronized 提示會使用其他程式碼路徑,略過一般的 DOM 更新機制。提示會指示系統略過混合程度。在某些情況下,canvas 的基礎緩衝區會直接傳送至螢幕的顯示控制器。可以避免使用轉譯器合成器佇列造成的延遲。

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

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

詳情請參閱 Joe 的「低延遲轉譯搭配非同步處理提示」一文,包括如何偵測特徵。

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

如要瞭解完整詳情,請試試示範影片,並參閱「透過網路分享功能分享檔案」一文。

數字分隔符

數字常值現在允許底線 (_、U+005F) 做為分隔符,讓數字文字更容易閱讀。例如,1_000_000_000 會由數學運算解譯為相當於 1000000000

底線只能出現在數字之間,且不得使用連續的底線。因此 3._14_2.711.6__2 等常值均屬無效。

2019 年 Google I/O 大會隆重登場

如果您沒有參加 I/O 大會,或是之前可能沒有看見所有講座,這些節目都列在 Chrome Developers YouTube 頻道2019 年 Google I/O 大會播放清單中。

訂閱

想要隨時掌握最新影片,並訂閱我們的 Chrome Developers YouTube 頻道,每當我們推出新影片時,您就會收到電子郵件通知。

我是 Pete LePage,當 Chrome 76 推出後,我會馬上說明 Chrome 的新功能!

相片製作人員