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

網路平台 2 月新手

瞭解 2022 年 2 月推出的穩定版和 Beta 版網頁瀏覽器中，有哪些有趣的功能。

Rachel Andrew

穩定版瀏覽器版本

自 2 月起，Chrome 98 和 Firefox 97 已穩定執行。

Chrome 98 已推出 self.structuredClone 方法。它會使用結構化複製演算法，為值建立深層複本。進一步瞭解 structuredClone()。

瀏覽器支援

Firefox 97 包含分層功能。@layer at-rule 定義了層疊層級，可協助您控制特定性。

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

Firefox 是第一個登陸發布版本的瀏覽器。不過，請參閱這篇文章中有關Beta 版的部分，因為這項功能很快就會在所有地區推出。如要進一步瞭解層級式疊代，請參閱「層級式疊代即將在瀏覽器中推出」一文。

瀏覽器支援

Firefox 也會傳送 scrollbar-gutter 屬性。這項屬性有助於移除因內容增加而顯示捲軸所造成的版面配置變動。

捲軸邊框間距是指內邊框邊緣和外邊框間距之間的空間。這裡會顯示捲軸 (如有需要)。如果沒有捲軸，則邊距會顯示為邊框的延伸。下列 CSS 會在方塊兩側加上間距，以便考量捲軸大小，讓外觀保持對稱。

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

瀏覽器支援

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

如要進一步瞭解這項新字型格式，請參閱「Chrome 98 中的 COLRv1 色階向量字型」。

測試版瀏覽器可讓您預覽下一個穩定版瀏覽器的內容。在正式發布前，您可以測試可能會影響網站的新功能或移除項目。

2 月推出的新版 Beta 版為 Chrome 99 和 Firefox 98。Safari Beta 15.4 仍在開發中，我已在上個月介紹其中一些內容。

Chrome 99 包含分層疊代功能，而Safari Beta 15.4 也包含這項功能，因此我們預期這項功能很快就會出現在所有常青瀏覽器中。

Chrome 99 也為 CanvasRenderingContext2D 新增了幾個屬性，並在 HTMLInputElement 上新增了 showPicker() 方法，可顯示瀏覽器日期、時間、顏色和檔案的挑選器。

在 Firefox 98 中，您會看到 <dialog> 元素。當 Firefox 和 Safari 的 Beta 版穩定後，這項功能就會在所有長青瀏覽器中推出。

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