在 Chrome 75 版中,我們現在支援下列項目:
- 提供減少
canvas
元素延遲的新方法。 - 網頁應用程式現在可以使用系統層級的分享表,與其他安裝的應用程式共用檔案。
- 數字常值現在允許底線做為分隔符,讓它們更容易閱讀。
- 2019 年 Google I/O 大會是完整的活動概況,所有談話內容都在我們的 YouTube 頻道上。
我是 Pete LePage,深入探索 Chrome 75 為開發人員提供的新功能!
變更記錄檔
以上內容僅涵蓋部分重點內容,請點選下方連結,瞭解 Chrome 75 的其他異動。
- Chrome 開發人員工具的新功能 (75)
- Chrome 75 淘汰和移除
- ChromeStatus.com 為 Chrome 75 更新
- Chrome 75 版 JavaScript 新功能
- Chromium 來源存放區變更清單
低延遲 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.71
或 1.6__2
等常值均屬無效。
2019 年 Google I/O 大會隆重登場
如果您沒有參加 I/O 大會,或是之前可能沒有看見所有講座,這些節目都列在 Chrome Developers YouTube 頻道的 2019 年 Google I/O 大會播放清單中。
- Tom 和我發表了《Unlocking new features for theweb》(為網路解鎖新功能),說明今年瀏覽器推出的一些絕佳新功能。
- Addy 和 Katie 分享了一些酷炫的效能秘訣和秘訣,請參閱「「Speed at Scale」。
- Elizabeth 和 Paul 在「Demystify Speed Tooling」中推出酷炫的開發人員工具。
- 在從功能型手機到電腦,建構快速且流暢的網頁應用程式 Mariko 向我們展示她和組員如何建構 Proxx,在任何裝置 (從功能手機、智慧型手機到電腦) 都能使用。如果你沒試過 Proxx,這款遊戲是超級趣味的奇幻世界,
訂閱
想要隨時掌握最新影片,並訂閱我們的 Chrome Developers YouTube 頻道,每當我們推出新影片時,您就會收到電子郵件通知。
我是 Pete LePage,當 Chrome 76 推出後,我會馬上說明 Chrome 的新功能!
相片製作人員
- 由 Balázs Kétyi 提供的 Unsplash 提供的素描相片