發布日期:2026 年 9 月 8 日
Chrome 153 現已推出,這篇文章將介紹這個版本的主要功能。如要查看完整版本資訊,請參閱 Chrome 153 版本資訊。
這個版本的重要功能包括:
- 單軸捲動容器會擴充
overflow屬性,支援可捲動的值和clip組合。 - 功能元素:
<camera>和<microphone>提供專屬的宣告式 HTML 控制項,用於單一功能媒體擷取。 - 聯合疊代會新增
Iterator.zip()和Iterator.zipKeyed(),以便在 JavaScript 中同步處理多個疊代器的進度。
單軸捲動容器
Chrome 153 擴充了 CSS overflow 屬性,支援與 clip 結合的可捲動值 (auto、scroll、hidden),例如 overflow: scroll clip 或 overflow: auto clip。這會為單一軸建立捲動容器,而不會將其他軸變成捲軸。從 Chrome 153 開始,您可以在非穩定版 (Beta 版、開發人員版和 Canary 版) 中測試這項功能,不必使用旗標。
如需詳細範例,請參閱「準備進行開發人員測試:單軸捲動容器」。
功能元素:<camera> 和 <microphone>
繼 Chrome 144 推出 <geolocation> 元素,以及 Chrome 151 推出 <usermedia> 元素後,Chrome 153 推出專屬的 <camera> 和 <microphone> 功能元素。
這些元素是宣告式 HTML 控制項,由使用者啟動,專為單一功能用途設計:
<camera>元素會要求擷取影片。<microphone>元素會要求擷取音訊。
與 <usermedia> 類似,這些元素會在網頁中嵌入由瀏覽器控制的嚴格樣式 UI,確保使用者有意點選後,才會觸發權限提示或啟動串流。這兩種權限與 <usermedia> 採用相同的安全模型和內建權限復原路徑,如果應用程式不需要混合媒體存取權,這兩種權限可提供更多控制權。
聯合疊代
Chrome 153 新增支援 JavaScript 中的 Joint Iteration TC39 提案,並導入 Iterator.zip() 和 Iterator.zipKeyed() 靜態方法。
Iterator.zip() 會將多個可疊代物件的元素彙整到新的疊代器,產生包含相符位置元素的陣列。根據預設,當最短的輸入可疊代物件耗盡時,疊代就會完成:
您可以使用 mode 選項自訂這項行為:
"shortest"(預設):第一個輸入可疊代物件完成時停止。"longest":持續執行,直到所有可疊代項目完成為止,並使用選用的padding可疊代項目填入遺漏值。"strict":如果輸入的可疊代項目長度不相等,則會擲回TypeError。
隨附的 Iterator.zipKeyed() 方法提供類似的彙整功能,但會產生以鍵做為索引的物件,而非陣列。
如需更多詳細資料和範例,請參閱 MDN 上的 Iterator.zip() 說明文件。
延伸閱讀
這僅涵蓋部分重點。如要瞭解 Chrome 153 的其他變更,請參閱下列連結:
訂閱
如要掌握最新資訊,請訂閱 Chrome 開發人員 YouTube 頻道,這樣每當我們發布新影片時,您就會收到電子郵件通知。你也可以在 X 或 LinkedIn 上追蹤我們,取得最新文章和網誌貼文。
Chrome 154 發布後,我們會立即在此說明 Chrome 的新功能!