Chrome 108 新功能

以下是一些注意事項:

我是 Adriana Jara。一起來深入探索 Chrome 108 版為開發人員提供的新功能。

新增可視區域大小單位

新的檢視區單元可讓您更靈活地建立自適應 UI。

這些單位會以不同的方式測量可視區域,因為會考量瀏覽器中可展開或摺疊的 UI 元素。例如網址列。

假設使用者代理程式介面已摺疊,large 單位會提供可視區域大小。

另一方面,small 單位會在介面展開的情況下提供可視區大小。

使用 dynamic 單位時,可視區域大小會自動調整,以回應瀏覽器介面元素是否顯示。

值會是大型單位 (最大值) 和小型單位 (最小值) 限制範圍內的任何值。

每種可視區域單位的可視區域不同部分。

詳情請參閱這篇文章。另外,請查看 Android 可視區域調整大小行為的變更,以便妥善處理可視區域。

COLRv1 現已支援可變字型。

自 Chrome 98 起,系統就支援 COLRv1 彩色向量字型,但初始版本僅支援 COLRv1 表格的靜態功能。

不過,COLRv1 規格也包含 OpenType 變化,也就是說,您可以透過變更變數軸值來變更字型屬性。現在支援這類變化。

這個版本也包含適用於 CSS @supportsfont-tech()font-format() 條件擴充功能。

有了這些條件,開發人員就能偵測字型功能何時可供使用,為使用者提供最新體驗,並在無法支援時建立備用方案。

請參閱這裡的示範,並使用可變字型為文字增添效果。

FileSystemSyncAccessHandle 方法現在為同步方法。

原始私人檔案系統可提供特殊類型檔案的存取權,這些檔案經過高度最佳化,可提升效能。開發人員可以呼叫 createSyncAccessHandle() 來存取這類檔案,createSyncAccessHandle()FileSystemFileHandle 物件上公開的方法。

這項呼叫會產生 FileSystemSyncAccessHandle

該存取句柄中的 truncate(newSize)getSize()flush()close() 方法原本為非同步,但自 Chrome 108 起已改為同步。

這項變更有充分的理由,因為它可讓 FileSystemSyncAccessHandle 與以 Wasm 為基礎的應用程式所預期的同步 POSIX 類型檔案 API 相符,讓 API 更符合人體工學,同時大幅提升效能。

這項變更可能會造成破壞性變更,如果您使用上述方法,任何 Promise.then() 的用法都會中斷。如果您在先前非同步 (現在已改為同步) 方法的結果上連結 then() 呼叫,就需要變更程式碼。

// ⛔️ This will break, and you need to restructure your code:
accessHandle.flush().then(/* Follow-up code */);
// ✅ Correct:
accessHandle.flush();
/* Follow-up code */

如需詳細操作說明,請參閱這篇文章

還有更多獎品等著您!

當然,還有許多其他功能

延伸閱讀

這份報告僅涵蓋部分重點。請參閱下列連結,瞭解 Chrome 108 的其他異動。

訂閱

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

我是 Adriana Jara,Chrome 109 一推出,我就會在這裡告訴你 Chrome 有哪些新功能!