以下是一些注意事項:
- 使用換行符號最好能顯示
<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 的新功能!