#优质博文 #前端 #CSS #JavaScript #新特性 #Chrome
New to the web platform in January
汇总了 2026 年 1 月 Web 平台的重大进展，重点介绍了 Chrome 144 和 Firefox 147 稳定版的发布。其中，CSS 锚点定位 (CSS Anchor Positioning) 和 Navigation API 随着 Firefox 的支持正式达到 Baseline Newly Available 状态。此外，Chrome 144 引入了期待已久的 Temporal API、声明式的 <geolocation> 元素以及用于自定义页内搜索样式的 ::search-text 伪元素

[以下是方便搜索索引的大纲 (AI 生成)，请读原文]

1. 稳定版浏览器发布（Stable browser releases）
• Baseline 状态更新：随着 Firefox 147 的发布，CSS 锚点定位 (CSS Anchor Positioning) 和 Navigation API 现已在所有主要引擎中可用，正式进入 Baseline 阶段。
• CSS 锚点定位 (CSS Anchor Positioning)：允许元素相对于“锚点”元素进行定位，适用于工具提示 (Tooltips)、菜单和弹出层。
• Navigation API：提供了一种现代化的方式来启动、拦截和管理应用程序中的导航，是单页应用 (SPA) 的核心增强。
• Temporal API：Chrome 144 引入了这一重磅 JavaScript API，作为 Date 对象的现代替代方案，提供更强大的日期和时间处理功能。
• 声明式 <geolocation> 元素：Chrome 144 新增了由用户激活的地理位置控制控件，简化了权限流程并减少了对复杂 JavaScript API 的依赖。

2. CSS 与样式增强（CSS Enhancements）
• ::search-text 伪元素：Chrome 144 支持自定义浏览器“页内查找”结果的样式，类似于 ::selection。
• caret-shape 属性：开发者现在可以指定文本插入光标的形状，如条状 (bar)、块状 (block) 或下划线 (underscore)。
• 视图过渡 (View Transition) 增强：Firefox 147 开始支持单页应用 (SPA) 的视图过渡类型识别，并支持通过 Document.activeViewTransition 获取当前活动的过渡对象。

3. Beta 版预览与未来动态（Beta browser releases）
• Chrome 145 Beta：引入了 text-justify 属性、多列布局改进（column-wrap 和 column-height）以及可自定义的 <select> 列表框。
• Firefox 148 Beta：支持 Location.ancestorOrigins，用于检测文档是否被嵌入到 <iframe> 中以及被哪些站点嵌入。

author Rachel Andrew

web.dev

New to the web platform in January  |  Blog  |  web.dev

Discover some of the interesting features that have landed in stable and beta web browsers during January 2026.