探索 2022 年 12 月穩定版和 Beta 版網路瀏覽器提供的一些有趣功能。
穩定版瀏覽器
Firefox 108 和 Safari 16.2 已成為穩定版。一起來看看這對網路平台的影響。
支援 <source> 的 height 和 width 屬性
如果是 <picture> 元素的子項，Firefox 108 支援 <source> 元素的 height 和 width 屬性。這些屬性接受圖片的高度或寬度 (以像素為單位)，當做沒有單位的整數。
瀏覽器支援
- 90
- 90
- 108
- 15
Trigonometric CSS 函式
Firefox 現在也支援 CSS 中的三角函數：sin()、cos()、tan()、asin()、acos()、atan() 和 atan2()。
支援這三種引擎的最終基準
除了修正多項 CSS 問題外，Safari 16.2 還針對 CSS 格線和 Flexbox 版面配置提供 last baseline 對齊功能，這表示有三種主要瀏覽器引擎現在支援這項功能。
CSS font-variant-alternates
Safari 也支援 font-variant-alternates CSS 屬性的其他值：annotation(value-name)、 character-variant(value-name)、ornaments(value-name)、 styleset(value-name)、時尚風格(值名稱)、swash(value-name)，以及相關的 @font-feature-values at-rule。
Beta 版瀏覽器版本
「Beta 版瀏覽器」可讓您預覽瀏覽器下一個穩定版本即將推出的功能。敬請把握這個大好機會，測試及移除哪些功能，以免影響網站在全球發布前受到影響。全新的 Beta 版功能為 Firefox 109、Safari 16.3 和 Chrome 109。
Safari 16.3 列出的唯一新功能是新增內容安全政策 (CSP) prefetch-src 指令。此 Beta 版中也修正了幾個問題。
Chrome 109 支援 MathML Core，這是用於描述可嵌入 HTML 和 SVG 中數學標記法的語言。
Android 版 Chrome 的新功能為安全付款確認 (SPC)。這是提議的網路標準，可讓客戶透過平台驗證器，透過信用卡發卡機構、銀行或其他付款服務供應商進行驗證。一般來說，系統會透過裝置的螢幕解鎖功能 (例如指紋感應器) 啟用這項標準。
此外，Android 版 Chrome 的新功能是來源私人檔案系統 (OPFS)，這是 Android 上的 File System Access API 的一部分。這包括所有的 File System Access API 介面，減去 show{OpenFile, SaveFile, Directory}Picker() 方法以及 Drag and Drop API 整合。
在 Chrome 中的 CSS 中，有 lh 長度單位。此單位相當於在使用元素所在元素中，行高度屬性計算的值。此外，hyphenate-limit-chars 屬性會指定連字號字詞中的字元數下限。
撰寫當時，也可能因節慶季節期間，Firefox 版本資訊尚未更新。
其他新聞
這篇文章是這篇網誌文章系列的第 12 版本，預計 2022 年每個月都會在瀏覽器上推出更多有趣的內容。我會在 2023 年回顧大家每月在網路平台上分享有趣的事物。
過去一年來，許多瀏覽器連上瀏覽器，而「CSS 修正」的諸多功能，都是在 2022 年協同整合中使用。如需更多資訊，請參閱 Chrome 團隊針對這項跨瀏覽器計畫提供的年終報告，改善網路平台一些最常見的互通性問題。
最後，我們根據朋友 MDN 發布的 MDN 瀏覽器相容性資料整理出這份更新清單，歡迎閱讀這篇文章的使用者參考。
網路新手系列叢書部分