网站平台于 1 月推出

了解 2026 年 1 月在稳定版和 Beta 版网络浏览器中推出的一些有趣功能。

Rachel Andrew

发布时间：2026 年 1 月 30 日

稳定版浏览器

Chrome 144 和 Firefox 147 于 1 月发布到稳定版。本文将介绍本月新增的许多功能，其中一些功能已成为“新近可用”的基准功能。

CSS 锚点定位

Firefox 147 包含对 CSS Anchor Positioning 的支持，使此功能成为新近可用的基准。此 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 博客中的“查找网页内容”突出显示样式。

Browser Support

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

<geolocation> 元素

Chrome 144 引入了 <geolocation> 元素，这是一种声明式、用户激活的控制元素，用于访问用户的位置信息。它通过处理权限流程并直接向网站提供位置数据来简化用户和开发者的流程，通常无需单独调用 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 属性，可用于指定文本插入光标的形状。您可以选择 auto、bar、block 和 underscore。

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 版浏览器可让您抢先体验下一个稳定版浏览器中的功能。在面向全球发布之前，您可以趁此机会测试可能会影响您网站的新功能或移除的功能。本月的新 Beta 版为 Chrome 145 和 Firefox 148。

Chrome 145 包含用于控制对齐方式的 text-justify 属性，并改进了使用 column-wrap 和 column-height 的多列布局。它还会将 onanimationcancel 事件带到 GlobalEventHandlers。 此外，可自定义的 <select> 已扩展到列表框。

Firefox 148 支持 Location.ancestorOrigins，可让您确定文档是否嵌入在 <iframe> 中以及嵌入在哪些网站中。