探索 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?。
Chrome 101 版也提供了擷取優先順序功能。這樣您就能使用 fetchpriority
屬性,向瀏覽器提示應下載資源的順序。在下方範例中,低優先順序的圖片是以 fetchpriority="low"
表示。
<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">
其他瀏覽器尚未支援「擷取優先順序」,但您可以立即開始使用,讓所有採用 Chromium 101 的瀏覽器使用者都能受惠。
Firefox 99 包含 Navigator 介面的 pdfViewerEnabled
屬性。這個屬性會指出瀏覽器是否支援內嵌顯示 PDF 檔案。
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
Beta 版瀏覽器版本
「Beta 版瀏覽器」可讓您預覽瀏覽器下一個穩定版本即將推出的功能。敬請把握這個大好機會,測試及移除哪些功能,以免影響網站在全球發布前受到影響。
4 月的最新 Beta 版測試為 Chrome 102、Firefox 100 和 Safari 15.5。
Chrome 102、Safari 15.5 和 Firefox 預先發布版包含 inert
屬性。這樣一來,非互動式的元素就會從分頁順序和無障礙樹狀結構中移除。例如目前畫面未顯示或隱藏的元素。
Chrome 102 版包含 HTML hidden
屬性的新值 until-found
。這會啟用網頁內尋找功能,並且捲動至頁面收合區域中的文字片段,就像摺疊模式一般。詳情請參閱「使用 hidden=until-found 存取收合內容」一文。
Chrome 102 也包含 Local Font Access API,該 API 可讓您存取使用者在本機安裝的字型。
這些 Beta 版功能很快就會在穩定版瀏覽器中推出。
網路新手系列叢書部分