Chrome 149 版的新功能

發布日期:2026 年 6 月 2 日

Chrome 149 現已推出,這篇文章將介紹這個版本的主要功能。如要查看完整版本資訊,請參閱 Chrome 149 版本資訊

這個版本的重要功能包括:

CSS 間距裝飾

CSS 間距裝飾可讓您設定容器版面配置 (例如格線和 Flexbox) 中的間距樣式,帶來一致性,以及先前需要複雜的邊框和虛擬元素駭客技術才能實現的新樣式選項。這項功能可漸進增強,在不支援的瀏覽器中,間距會正常算繪,不會有裝飾。

並導入 column-rule-insetrow-rule-inset 等屬性,可縮小或擴大裝飾,以及 column-rule-visibility-itemsrow-rule-visibility-items,只在相鄰項目之間或每個間隙中顯示規則。規則的寬度、顏色和插邊完全可製作動畫,讓您在懸停或發生其他狀態變化時轉換這些屬性。

詳情請參閱 CSS 間隙裝飾穩定版文章

在 bfcache 項目中斷 WebSocket 連線

有效的 WebSocket 連線不再會阻礙網頁進入往返快取 (bfcache)。瀏覽器會在進入 BFCache 時主動關閉 WebSocket 連線,而不是將文件標示為不符合資格,因此含有有效 WebSocket 的網頁可以儲存在記憶體中,並立即還原。

先前,只要有任何有效的 WebSocket 連線,使用者離開網頁時,瀏覽器就會強制捨棄該網頁,導致網頁無法儲存在往返快取 (bfcache) 中。

Intl.Locale.prototype.variants

Intl.Locale 物件代表 Unicode 語言代碼。主要物件為 Baseline Widely available。

變體是主要語言 ID 的一部分,可選取語言的變體,(語言、區域、文字) 三元組無法區分這些變體。這項功能已在 Firefox 和 Safari 中推出,現在也適用於 Chrome。

例如:

const locale = new Intl.Locale("sl-rozaj-biske");
console.log(locale.variants); // "rozaj-biske"

詳情請參閱 Intl.Locale.prototype.variants 的 MDN 說明文件

延伸閱讀

這僅涵蓋部分重點。如需 Chrome 149 的其他變更,請參閱下列連結。

訂閱

如要掌握最新消息,請訂閱 Chrome 開發人員 YouTube 頻道,這樣每當我們發布新影片,您就會收到電子郵件通知。您也可以在 X 或 LinkedIn 上追蹤我們,取得最新文章和網誌貼文。

Chrome 150 版發布後,我們會立即在此說明 Chrome 的新功能!