以下是一些注意事項:
- View Transitions API 新增跨文件轉換功能。
- CloseWatcher API 可以再次使用。
- Gamepad API 現已提供觸發事件圖示。
- 還有更多應用程式。
我是 Adriana Jara讓我們深入探索 Chrome 126 為開發人員推出的新功能。
相同來源瀏覽的跨文件檢視轉換
View Transitions API 可讓您建立在不同檢視畫面之間流暢的視覺轉場效果,而且現在所有相同來源導覽都可使用此功能。以往僅適用於單頁應用程式架構。
如要執行跨文件檢視轉換功能,雙方都必須選擇啟用。方法是在規則層級使用檢視畫面轉換,並將導覽描述元設為「自動」。
跨文件檢視轉換功能採用的建構模塊和原則,與相同文件的檢視畫面轉換效果相同。
@view-transition {
navigation: auto;
}
詳情請參閱「使用 View Transition API 流暢轉換」一文。詳情請參閱範例。
已重新啟用 CloseWatcher API
對於 <dialog>
和 popover=""
元素,CloseWatcher API 可以輕鬆處理關閉要求,例如電腦平台上的 ESC 鍵,或是 Android 的返回手勢。
這項功能原本是在 Chrome 120 版推出,但由於對話方塊元素發生非預期的互動,因此已遭停用。經過改善後,我們已在 Chrome 126 版中重新啟用,盡可能減少先前發生的問題。
如要瞭解如何使用 CloseWatcher,請參閱示範影片。
Gamepad API 觸發條件 Remp 擴充功能
觸發標記功能現已成為 Gamepad API 的一部分。可提升相容控制器的網頁版遊戲體驗。
trigger-rumble
會擴充 GamepadHapticActuator
,這個介面代表控制器中的硬體,旨在為使用者提供觸覺回饋 (如果有的話)。trigger-rumble
允許使用 Gamepad API 的網頁應用程式,也可以震動這些遊戲手把裝置的觸發事件。
使用以下程式碼,即可確認瀏覽器是否支援這項功能,以及如何觸發 punt —trigger-rumble
// This assumes a `Gamepad` as the value of the `gamepad` variable.
const triggerRumble = (gamepad, delay = 0, duration = 100, weak = 1.0, strong = 1.0) => {
if (!('vibrationActuator' in gamepad)) {
return;
}
// Feature detection.
if (!('effects' in gamepad.vibrationActuator) || !gamepad.vibrationActuator.effects.includes('trigger-rumble')) {
return;
}
gamepad.vibrationActuator.playEffect('trigger-rumble', {
// Duration in ms.
duration: duration,
// The left trigger (between 0 and 1).
leftTrigger: leftTrigger,
// The right trigger (between 0 and 1).
rightTrigger: rightTrigger,
});
};
詳情請參閱「使用遊戲手把玩 Chrome 恐龍遊戲」一文,進一步瞭解如何充分運用 Gamepad API。
還有更多獎品等著您!
當然還有許多其他東西。
GeolocationCoordinates
和GeolocationPosition
現在包含.toJSON()
方法。您可以在開發人員工具更新中依序前往「應用程式」 >「儲存空間」專區,在專屬樹狀結構中檢查儲存空間值區。
ChromeOS 現已支援網頁應用程式的分頁模式。
其他資訊
以上內容僅涵蓋部分重點功能。如要瞭解 Chrome 126 的其他變更,請點選以下連結。
訂閱
如要隨時掌握最新資訊,請訂閱 Chrome Developers YouTube 頻道,每當我們推出新影片時,您就會收到電子郵件通知。
Yo soy Adriana Jara,而且 Chrome 127 推出後,我將立刻告訴大家 Chrome 有哪些新功能!