本頁面由 Cloud Translation API 翻譯而成。

網路平台 2 月新手

探索 2022 年 2 月穩定版和 Beta 版網路瀏覽器提供的一些有趣功能。

Rachel Andrew

穩定版瀏覽器

Chrome 98 和 Firefox 97 已於 2 月成為穩定版，

Chrome 98 提供了 self.structuredClone 方法。它會使用結構化複製演算法建立某個值的深層副本。進一步瞭解 structuredClone()。

瀏覽器支援

Firefox 97 包含 Cascade Layers。@layer at-rule 會定義階層式圖層，協助您控管具體性。

@layer framework {
  /* creates a new layer named framework */
}

推出發行版本時，Firefox 是第一個實現此目標的瀏覽器。不過，歡迎查看本文的測試版相關章節，因為不久後我們也會在所有地區推出這項功能。如要進一步瞭解 Cascade 圖層，請參閱瀏覽器即將推出 Cacade 圖層相關說明。

瀏覽器支援

Firefox 也導入 scrollbar-gutter 屬性。這個屬性有助於移除隨著內容擴增時顯示捲軸的版面配置位移。

捲軸溝槽是指內框線邊緣與外部邊框間距邊緣之間的空間。必要時會顯示捲軸。如未顯示捲軸，空白邊會顯示為邊框間距的延伸。下列 CSS 會在方塊兩側加入間距，藉此設定捲軸大小，讓外觀對稱性保持對稱。

.container {
  scrollbar-gutter: stable both-edges;
}

瀏覽器支援

Chrome 98 支援 COLRv1 色彩漸層向量字型做為額外的新的字型格式。顏色字型包含有多種顏色的字符，例如表情符號、國家/地區旗幟或多色的字母。

如要進一步瞭解這個新字型格式，請參閱 Chrome 98 版 COLRv1 Color Gradient Vector Fonts。

「Beta 版瀏覽器」可讓您預覽瀏覽器下一個穩定版本即將推出的功能。敬請把握這個大好機會，測試及移除哪些功能，以免影響網站在全球發布前受到影響。

2 月的全新 Beta 版仍是 Chrome 99 和 Firefox 98。Safari Beta 版 15.4 仍在開發中，我曾在上個月探討了一些功能。

Chrome 99 支援 Cascade 圖層，由於 Cascade 圖層也已納入 Safari Beta 版 15.4，我們預計不久後在所有常態瀏覽器中都能看到這項功能。

此外，在 Chrome 99 中，還有幾項 CanvasRenderingContext2D 的新屬性，以及在 HTMLInputElement 中新增的 showPicker() 方法，用於顯示日期、時間、顏色和檔案的瀏覽器挑選器。

在 Firefox 98 中，您可以找到 <dialog> 元素。在 Firefox 和 Safari 測試版穩定版本後，所有常態性瀏覽器將採用另一項功能。

所有 Beta 版功能很快就會在穩定版瀏覽器中推出。