4 月首次使用網路平台

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

穩定版瀏覽器

Chrome 101 和 Firefox 99 已於 4 月穩定運作。在我們上個月降落後,在 4 月時變得比較安靜,但在現實生活中融入了一些有趣的事情,供我們使用。

Chrome 101 提供了 hwb 色彩標記法。這個數字會根據色調、白色和黑暗程度指定顏色。與其他色彩標記法一樣,選用的 Alpha 元件可指定不透明度。

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

如要進一步瞭解 hwb(),請參閱 Stefan Judis 撰寫的這篇文章:hwb() – a color notation for humans?

瀏覽器支援

  • 101
  • 101
  • 96
  • 15

資料來源

Chrome 101 版也提供了擷取優先順序功能。這樣您就能使用 fetchpriority 屬性,向瀏覽器提示應下載資源的順序。在下方範例中,低優先順序的圖片是以 fetchpriority="low" 表示。

<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">

其他瀏覽器尚未支援「擷取優先順序」,但您可以立即開始使用,讓所有採用 Chromium 101 的瀏覽器使用者都能受惠。

瀏覽器支援

  • 102
  • 102
  • x
  • 17.2

資料來源

Firefox 99 包含 Navigator 介面的 pdfViewerEnabled 屬性。這個屬性會指出瀏覽器是否支援內嵌顯示 PDF 檔案。

if (!navigator.pdfViewerEnabled) {
  // The browser does not support inline viewing of PDF files.
}

瀏覽器支援

  • 94
  • 94
  • 99
  • 16.4

資料來源

Beta 版瀏覽器版本

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

4 月的最新 Beta 版測試為 Chrome 102Firefox 100Safari 15.5

Chrome 102、Safari 15.5 和 Firefox 預先發布版包含 inert 屬性。這樣一來,非互動式的元素就會從分頁順序和無障礙樹狀結構中移除。例如目前畫面未顯示或隱藏的元素。

Chrome 102 版包含 HTML hidden 屬性的新值 until-found。這會啟用網頁內尋找功能,並且捲動至頁面收合區域中的文字片段,就像摺疊模式一般。詳情請參閱「使用 hidden=until-found 存取收合內容」一文。

瀏覽器支援

  • 102
  • 102
  • x
  • x

資料來源

Chrome 102 也包含 Local Font Access API,該 API 可讓您存取使用者在本機安裝的字型。

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

網路新手系列叢書部分