
重點整理
- Chrome 145 支援 text-justify,讓文字對齊排版更精細
- DBSC 功能可綁定使用者裝置,降低 Cookie 被盜用的風險
- Safari 26.3 支援 Zstandard 壓縮,有助於提升網站載入速度
- Firefox 148 支援 HTML Sanitizer API,幫助防範 XSS 攻擊
- Chrome 146 Beta 加入 CSS 滾動觸發動畫,未來可做更豐富的互動效果
每個月各大瀏覽器都會推出更新,有些新功能會讓網站跑得更快、排版更漂亮,也有些能幫你擋住資安風險。如果你有自己的官網或電商網站,了解這些更新,就能在跟工程師或設計公司溝通時更有方向。以下整理 2026 年 2 月 Chrome、Firefox、Safari 幾個值得注意的新功能,用白話文帶你看懂。
一、排版與視覺:讓網頁更好看、更好用
這個月有幾項跟「網頁長什麼樣子」直接相關的功能更新:
- text-justify(文字對齊控制):Chrome 145 完整支援這個 CSS 屬性。當你用「兩端對齊」排版時,可以更精細地控制文字間距,讓段落看起來更整齊。
- 多欄排版自動換列:Chrome 145 新增 column-wrap 和 column-height 屬性。簡單說,當你的網頁有多欄內容(例如商品列表),這些欄位可以在空間不夠時自動換到下一列,避免內容超出畫面,在手機上瀏覽時特別實用。
- 自訂下拉選單外觀:Chrome 145 讓
<select>(也就是網頁上的下拉選單)可以直接在頁面中自訂樣式,不再受限於瀏覽器預設的彈出視窗風格,設計上更有彈性。 - shape() 函數:Firefox 148 支援這個新的 CSS 函數,可以用來定義自訂圖形,例如讓圖片或區塊顯示為特殊形狀,增加視覺變化。
- 圖片與影片的 overflow 控制:Firefox 148 起,你可以對圖片、影片等「替換元素」使用 overflow 屬性,跟一般區塊一樣能控制內容超出時該怎麼顯示。
二、網站速度:Zstandard 壓縮技術登場
Safari 26.3 開始支援 Zstandard(簡稱 Zstd)壓縮演算法。這是一種新的檔案壓縮方式,跟目前常見的 gzip 相比,壓縮率更好、解壓縮速度也更快。
對網站主來說,這代表什麼?如果你的伺服器有開啟 Zstd 壓縮,訪客用 Safari 瀏覽器(也就是 iPhone、Mac 用戶)開啟你的網站時,檔案載入會更快,間接提升瀏覽體驗和 SEO 表現。目前 Chrome 和 Firefox 也已經支援,可以說三大瀏覽器都準備好了。
三、資安防護:保護你的網站與使用者
資安不是只有大企業才需要關心的事,中小企業的官網同樣可能成為攻擊目標。這個月有兩項重要的資安相關更新:
- Device Bound Session Credentials(DBSC,裝置綁定登入憑證):Chrome 145 支援此功能,可以將使用者的登入狀態(Session)綁定在他的裝置上。意思是,即使有人偷到了登入 Cookie,也沒辦法在別的電腦上使用,大幅降低帳號被盜用的風險。
- HTML Sanitizer API:Firefox 148 支援這個 API。當網站需要插入使用者提供的 HTML 內容時(例如留言、評論),可以先用這個工具過濾掉危險程式碼,防範 XSS 攻擊(跨站腳本攻擊,也就是駭客透過注入惡意程式碼來竊取資料或操控網頁)。
四、其他值得留意的新功能
- JavaScript Iterator.zip():Firefox 148 新增的方法,可以同時從多個資料來源逐一取出資料並合併處理,對需要處理複雜資料的網站後端邏輯有幫助。
- Origin API:Chrome 145 新增 Origin 物件,讓工程師更方便地處理網站的「來源」資訊,例如判斷網址是否合法、進行跨域比較等。
- Beta 版預告:Chrome 146 Beta 加入了 CSS 滾動觸發動畫(scroll-triggered animations),未來可以讓網頁元素在使用者滾動時自動產生動畫效果;Firefox 149 Beta 則加入了 popover="hint" 和 Reporting API 等功能。
崴米的建議
- 把握 Zstd 壓縮的紅利:如果你的網站目前還沒使用 Zstd 壓縮,可以請工程師或主機商評估是否支援。這項技術對 iPhone 和 Mac 用戶的載入速度提升特別明顯,有助於改善使用者體驗與 Google 頁面速度評分。
- 檢視網站的資安措施:DBSC 和 HTML Sanitizer API 都是瀏覽器端提供的防護工具,但前提是你的網站程式有正確串接。建議定期請工程師檢視網站的登入機制與使用者輸入處理流程,確認是否有做好基本防護。
- 關注排版新功能的應用機會:如果你的網站有大量的文字排版或多欄商品展示,可以跟設計團隊討論是否能利用 text-justify、多欄換列等新功能,讓網頁在各種螢幕尺寸上都呈現得更理想。
#瀏覽器更新#網站速度#資安#CSS 排版



