Chrome 135 版的新功能

發布日期:2025 年 4 月 1 日

Chrome 135 現已推出,這篇文章將介紹這個版本的部分主要功能。如要查看完整資訊,請參閱 Chrome 135 版本資訊, 並參閱每季彙整, 瞭解今年發布的所有內容。

這個版本的重點

我們提供了一整套功能,可啟用 CSS 輪播commandcommandfor 屬性可讓您以宣告式方式將行為附加至按鈕。 CSS shape() 函式可讓您定義 clip-pathoffset-path 屬性的形狀。

CSS 輪播

版本資訊中列出大量 CSS 功能,其中許多是小型新增項目,結合後可啟用 CSS 輪播。主要功能是新的 CSS 虛擬元素「::scroll-button() and::scroll-marker()」,可將可捲動區域變成輪播。

如要瞭解如何使用這些新功能,並從中汲取靈感,請參閱「使用 CSS 製作輪播效果」。

commandcommandfor 屬性

Chrome 135 推出新功能,可透過新的 commandcommandfor 屬性提供宣告式行為,進而強化並取代 popovertargetactionpopovertarget 屬性。這些新屬性可新增至按鈕,讓瀏覽器解決簡潔性和無障礙功能的一些核心問題,並提供內建的常見功能。

下列 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 的新功能!