發布日期:2025 年 4 月 1 日
Chrome 135 現已推出,這篇文章將介紹這個版本的部分主要功能。如要查看完整資訊,請參閱 Chrome 135 版本資訊, 並參閱每季彙整, 瞭解今年發布的所有內容。
這個版本的重點
我們提供了一整套功能,可啟用 CSS 輪播。command 和 commandfor 屬性可讓您以宣告式方式將行為附加至按鈕。 CSS shape() 函式可讓您定義 clip-path 和 offset-path 屬性的形狀。
CSS 輪播
版本資訊中列出大量 CSS 功能,其中許多是小型新增項目,結合後可啟用 CSS 輪播。主要功能是新的 CSS 虛擬元素「::scroll-button() and::scroll-marker()」,可將可捲動區域變成輪播。
如要瞭解如何使用這些新功能,並從中汲取靈感,請參閱「使用 CSS 製作輪播效果」。
command 和 commandfor 屬性
Chrome 135 推出新功能,可透過新的 command 和 commandfor 屬性提供宣告式行為,進而強化並取代 popovertargetaction 和 popovertarget 屬性。這些新屬性可新增至按鈕,讓瀏覽器解決簡潔性和無障礙功能的一些核心問題,並提供內建的常見功能。
下列 HTML 會在按鈕和選單之間設定宣告式關係,讓瀏覽器為您處理邏輯和無障礙功能。您不需要管理 aria-expanded 或新增任何其他 JavaScript。
<button commandfor="my-menu" command="show-popover">
Open Menu
</button>
<div popover id="my-menu">
<!-- ... -->
</div>
如要進一步瞭解這些新屬性,請參閱「Introducing command and commandfor」。
CSS shape() 函式
shape() CSS 函式用於定義 clip-path 和 offset-path 屬性的形狀。
shape() 函式使用的一組指令大致上與 path() 使用的指令相同,但採用更標準的 CSS 語法,並支援全方位的 CSS 功能,例如額外單位和數學函式。這項功能已在 Firefox Nightly 和 Safari 18.4 Beta 版中推出,因此應該很快就會成為 Baseline Newly available。
還有其他眾多資源!
當然,還有許多其他功能。
- Web Speech API 現在支援
MediaStreamTrack。 - 支援 Float16Array,並成為新推出的基準。
- 現在支援 Observable API。
延伸閱讀
這僅涵蓋部分重點。如要瞭解 Chrome 134 的其他變更,請參閱下列連結。
訂閱
如要掌握最新資訊,請訂閱 Chrome 開發人員 YouTube 頻道,這樣每當我們發布新影片,您就會收到電子郵件通知。你也可以在 X 或 LinkedIn 上追蹤我們,取得最新文章和網誌貼文。
Chrome 135 版發布後,我們會立即在此說明 Chrome 的新功能!