以下是一些注意事項:
- 使用換行符號顯示
<ruby>
元素會更適當。 - Promise.try 可讓您更輕鬆地連結 Promise。
- PointerEvent 已擴充,可明確識別多支筆。
- 還有許多其他功能。
我是 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 有哪些新功能!