Chrome 128 新功能

以下是一些注意事項:

我是 Adriana Jara。讓我們深入瞭解 Chrome 128 為開發人員提供的新功能。

可換行的行 <ruby>

<ruby> 元素可強化文字呈現,特別是東亞語言。可讓您在基本文字上方或旁邊顯示音標註解或其他補充資訊。

ruby 元素包含兩個主要部分:ruby 底層是主要文字,ruby 文字則是註解文字,並以元素標記。

先前如果 ruby-base 或 ruby-text 比整行長,系統會個別包裝,導致版面配置出現問題。

如今,可換行的 Ruby 會將已包裝的 Ruby 註解文字放在已包裝的基礎文字上,以便達到理想的文字算繪效果。

如需範例和詳細資訊,請參閱「可分行 <ruby> 和 CSS ruby-align 屬性」。

Promise.try

Promise.try 可讓您更輕鬆地使用 Promise 處理錯誤。有一個模式,其中包含函式 f。這個函式可能會是異步,並傳回 Promise,也可能不會。如要使用 Promise 語意來處理這兩種情況中的錯誤,請將函式包裝在 Promise 中。

您可以使用 Promise.resolve().then(f) 達成這項要求,但在本例中,f 會在下一個時脈上不必要地以非同步方式執行。

如要避免這個問題,您必須使用 new Promise(resolve => resolve(f())),但這一點也不符合人體工學。

Promise.try 是達成相同目標的簡單方法。您可以使用此方法啟動 Promise 鏈結,在 .catch 處理常式中擷取所有錯誤,而不需要同時處理同步和非同步例外狀況流程。

如需更多資訊,請參閱 Promise.try 說明文件

多筆觸控繪圖的 PointerEvent.deviceProperties

開發人員無法在支援觸控筆的數位板上,區分兩支個別的觸控筆。現有的 PointerEvent.pointerId 屬性是以不同方式實作,且不一定會為每個墨跡筆劃或與螢幕的互動保留。

PointerEvent 介面現在已擴充,納入新的屬性:deviceProperties。這個屬性包含 uniqueId,代表工作階段持續性、文件隔離的唯一識別碼,開發人員可以可靠地使用這項資訊,識別與網頁互動的個別筆。

舉例來說,您可以為與數位化器互動的每個裝置設定特定顏色或筆形狀。

如要瞭解如何開始使用指標事件,請參閱「指向未來的方向」。

還有更多獎品等著您!

當然,還有更多功能。

  • CSS zoom 屬性現已符合最新標準。

  • AudioContext 建立和音訊轉譯錯誤現在會透過 AudioContext.onerror 回報。

  • DevTools「動畫」面板現在會擷取動畫,您可以即時編輯 @keyframes

查看完整版本資訊

延伸閱讀

這份報告僅涵蓋部分重點。如要瞭解 Chrome 128 中的其他變更,請參閱下列連結。

訂閱

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

我是 Adriana Jara,Chrome 128 一發布,我就會在這裡告訴你 Chrome 有哪些新功能!