1 月時網路平台新手

瞭解 2026 年 1 月在穩定版和 Beta 版網頁瀏覽器中推出的有趣功能。

發布日期:2026 年 1 月 30 日

穩定版瀏覽器

Chrome 144Firefox 147 已於 1 月發布穩定版。這篇文章將介紹本月推出的多項新功能,其中幾項已成為 Baseline Newly available。

CSS 錨點定位

Firefox 147 支援 CSS Anchor Positioning,這項功能也因此成為 Baseline Newly available。這個 API 可讓您將元素定位在其他元素 (稱為錨點) 的相對位置。這項功能適用於工具提示、選單和彈出式視窗,可讓元素相對於網頁上的另一個元素定位。

Browser Support

  • Chrome: 125.
  • Edge: 125.
  • Firefox: 147.
  • Safari: 26.

Source

Navigation API

Firefox 147 也會新推出基準 Navigation API。這個 API 提供現代化方式,可在應用程式中啟動、攔截及管理導覽。

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 147.
  • Safari: 26.2.

Source

使用 ::search-text 調整網頁內搜尋樣式

Chrome 144 包含 ::search-text 虛擬元素。這項功能會向作者公開網頁內搜尋結果樣式,做為醒目顯示的虛擬元素,類似於 ::selection::spelling-error。當使用者使用瀏覽器的網頁內搜尋功能時,您可以自訂搜尋結果的外觀。

如要瞭解詳情,請參閱 Igalia 網誌的「Find-in-Page Highlight styling」。

Browser Support

  • Chrome: 144.
  • Edge: 144.
  • Firefox: not supported.
  • Safari: not supported.

<geolocation> 元素

Chrome 144 推出 <geolocation> 元素,這項宣告式控制項可供使用者啟用,用來存取使用者位置資訊。這項 API 會處理授權流程,並直接向網站提供位置資料,因此通常不需要另外呼叫 JavaScript API,可簡化使用者和開發人員的流程。

詳情請參閱「推出 HTML <geolocation> 元素」。

Temporal API

Chrome 144 包含 Temporal API。這個模組提供處理日期和時間的標準物件和函式。這是 JavaScript 的重大進展,可為 Date 物件提供強大且現代化的替代方案。

Browser Support

  • Chrome: 144.
  • Edge: 144.
  • Firefox: 139.
  • Safari: behind a flag.

Source

CSS caret-shape

Chrome 144 推出 caret-shape 屬性,可讓您指定文字插入符號的形狀。你可以選擇 autobarblockunderscore

Browser Support

  • Chrome: 144.
  • Edge: 144.
  • Firefox: not supported.
  • Safari: not supported.

Source

查看轉移強化功能

Firefox 147 包含識別檢視區塊轉場效果類型。這些機制可為有效檢視畫面轉換指定不同類型。然後,根據指定的轉場效果類型,CSS 可用於在 DOM 元素內容更新時套用動畫。Firefox 147 僅支援單頁應用程式 (SPA) 檢視畫面轉場效果類型,不支援跨文件檢視畫面轉場效果類型。

Browser Support

  • Chrome: 125.
  • Edge: 125.
  • Firefox: 147.
  • Safari: 18.2.

Source

Firefox 現在也支援 Document 介面上的 activeViewTransition 屬性,可傳回有效轉換的 ViewTransition 物件。

Browser Support

  • Chrome: 142.
  • Edge: 142.
  • Firefox: 147.
  • Safari: 26.2.

Source

Beta 版瀏覽器

測試版瀏覽器可讓您搶先體驗下一版穩定版瀏覽器的功能。在該版本向全球發布前,您可以測試可能影響網站的新功能或移除項目。本月的新版 Beta 版是 Chrome 145Firefox 148

Chrome 145 包含 text-justify 屬性,可控制對齊方式,並透過 column-wrapcolumn-height 改善多欄版面配置。同時將 onanimationcancel 事件帶到 GlobalEventHandlers。 此外,可自訂的 <select> 也擴展至清單方塊。

Firefox 148 支援 Location.ancestorOrigins,可讓您判斷文件是否嵌入 <iframe>,以及嵌入文件的網站。