瞭解 2026 年 1 月在穩定版和 Beta 版網頁瀏覽器中推出的有趣功能。
發布日期:2026 年 1 月 30 日
穩定版瀏覽器
Chrome 144 和 Firefox 147 已於 1 月發布穩定版。這篇文章將介紹本月推出的多項新功能,其中幾項已成為 Baseline Newly available。
CSS 錨點定位
Firefox 147 支援 CSS Anchor Positioning,這項功能也因此成為 Baseline Newly available。這個 API 可讓您將元素定位在其他元素 (稱為錨點) 的相對位置。這項功能適用於工具提示、選單和彈出式視窗,可讓元素相對於網頁上的另一個元素定位。
Navigation API
Firefox 147 也會新推出基準 Navigation API。這個 API 提供現代化方式,可在應用程式中啟動、攔截及管理導覽。
使用 ::search-text 調整網頁內搜尋樣式
Chrome 144 包含 ::search-text 虛擬元素。這項功能會向作者公開網頁內搜尋結果樣式,做為醒目顯示的虛擬元素,類似於 ::selection 和 ::spelling-error。當使用者使用瀏覽器的網頁內搜尋功能時,您可以自訂搜尋結果的外觀。
如要瞭解詳情,請參閱 Igalia 網誌的「Find-in-Page Highlight styling」。
Browser Support
<geolocation> 元素
Chrome 144 推出 <geolocation> 元素,這項宣告式控制項可供使用者啟用,用來存取使用者位置資訊。這項 API 會處理授權流程,並直接向網站提供位置資料,因此通常不需要另外呼叫 JavaScript API,可簡化使用者和開發人員的流程。
詳情請參閱「推出 HTML <geolocation> 元素」。
Temporal API
Chrome 144 包含 Temporal API。這個模組提供處理日期和時間的標準物件和函式。這是 JavaScript 的重大進展,可為 Date 物件提供強大且現代化的替代方案。
CSS caret-shape
Chrome 144 推出 caret-shape 屬性,可讓您指定文字插入符號的形狀。你可以選擇 auto、bar、block 和 underscore。
查看轉移強化功能
Firefox 147 包含識別檢視區塊轉場效果類型。這些機制可為有效檢視畫面轉換指定不同類型。然後,根據指定的轉場效果類型,CSS 可用於在 DOM 元素內容更新時套用動畫。Firefox 147 僅支援單頁應用程式 (SPA) 檢視畫面轉場效果類型,不支援跨文件檢視畫面轉場效果類型。
Firefox 現在也支援 Document 介面上的 activeViewTransition 屬性,可傳回有效轉換的 ViewTransition 物件。
Beta 版瀏覽器
測試版瀏覽器可讓您搶先體驗下一版穩定版瀏覽器的功能。在該版本向全球發布前,您可以測試可能影響網站的新功能或移除項目。本月的新版 Beta 版是 Chrome 145 和 Firefox 148。
Chrome 145 包含 text-justify 屬性,可控制對齊方式,並透過 column-wrap 和 column-height 改善多欄版面配置。同時將 onanimationcancel 事件帶到 GlobalEventHandlers。
此外,可自訂的 <select> 也擴展至清單方塊。
Firefox 148 支援 Location.ancestorOrigins,可讓您判斷文件是否嵌入 <iframe>,以及嵌入文件的網站。