Chrome 128 新功能

以下是一些注意事項:

  • 使用換行符號最好能顯示 <ruby> 元素。
  • Promise.try 可讓您更輕鬆地鏈結 Promise。
  • PointerEvent 已擴充,可明確識別「多個筆」
  • 除此之外,你還有更多功能

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

換行<ruby>

<ruby> 元素可增強文字呈現效果,尤其是東亞語言。能讓基本文字上方或旁邊顯示拼音註解或其他補充資訊。

ruby 元素包含 ruby 底座兩個主要部分,其中主要文字和 ruby 文字是註解文字,以元素標記。

過去,如果 ruby 基底或 ruby 文字的長度比整行長,則會各自納入導致版面配置的挑戰。

現在有了換行符號,將 ruby 註解文字蓋在包裝的基本文字上,就能達到理想的文字算繪結果。

如需範例和詳細資訊,請參閱「分行符號 <ruby> 和 CSS 「Rruby-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,代表一個工作階段永久、文件隔離的專屬 ID,開發人員可穩定用來識別與網頁互動的個別鋼筆。

例如,您可以藉此為每部與數位化工具互動的裝置設定特定顏色或筆形。

如要瞭解如何開始設定指標事件,請參閱「指向前進方向」一節。

還有更多獎品等著您!

當然,還有許多其他功能

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

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

  • 「開發人員工具」DevTools動畫面板現在會擷取動畫,而你可以即時編輯 @keyframes

閱讀完整版本資訊

延伸閱讀

這只涵蓋部分重要亮點。請參閱下列連結: Chrome 128 的其他變更。

訂閱

歡迎訂閱 Chrome Developers YouTube 頻道, 每次推出新影片時,您都會收到電子郵件通知。

Yo soy Adriana Jara 等 Chrome 128 推出後,立即向各位說明 Chrome 的新功能!