Featured image of post Safari 27 正式发布:滚动锚定终结阅读“乱跳”,修复 844 个问题

Safari 27 正式发布:滚动锚定终结阅读“乱跳”,修复 844 个问题

苹果推送 Safari 27,引入滚动锚定功能并修复 844 项问题,强化开发者调试能力。

Safari 27 正式发布:核心更新概览

Safari 27 正式发布:核心更新概览
Safari 27 正式发布:核心更新概览|新闻截图

苹果公司于 2026 年 9 月 17 日通过 WebKit 官方博客正式公布 Safari 27 浏览器升级。本次更新面向 macOS 与 iOS/iPadOS 设备同步推送,作为系统浏览器的底层升级,无需单独下载安装包。关键信息如下:

  • 版本号:Safari 27.0
  • 发布日期:2026 年 9 月 17 日
  • 修复问题数:844 个(WWDC 2026 宣布 525 个,后续博文补充至 844 个,增幅约 60.76%)
  • 新协议支持:MCP(Model Context Protocol)服务器支持
  • 核心新功能:滚动锚定(Scroll Anchoring)

滚动锚定:终结阅读时页面“乱跳”体验

Safari 27 最直接影响普通用户的特性是滚动锚定功能。该功能通过 CSS 属性 overflow-anchor 控制,默认值为 auto。当网页在用户阅读过程中动态加载新内容(如延迟图片、广告模块、评论区或推荐文章)时,Safari 会自动调整滚动位置,确保当前阅读段落保持在视口内原位置,避免内容被向下挤压导致的跳动。

这一改进对新闻站点、论坛、长博客及含广告的商业网站尤为显著。用户在阅读中途不再会遭遇页面突然跳转至非预期位置的困扰。开发者如需特殊场景(如全页动画或自定义滚动逻辑)禁用此行为,可通过设置 overflow-anchor: none 精准关闭。

MCP 协议支持:开发者调试能力显著提升

对开发者群体而言,Safari 27 的核心升级在于原生支持 MCP(Model Context Protocol)协议。MCP 是一种允许 AI 工具与浏览器深度交互的开放协议,通过该协议,Claude Code、Codex 等 AI 辅助工具可远程控制 Safari 浏览器窗口,获取实时 DOM 结构、网络请求详情、页面屏幕截图及控制台日志输出。

这一能力使前端调试流程大幅简化:开发者无需手动截屏、复制请求 URL 或反复刷新页面验证,AI 工具可实时感知页面状态并提出精准修复建议,显著缩短调试周期。苹果未说明该功能与其他协议的兼容情况。

技术更新与生态影响

本次 Safari 27 共修复 844 个问题,远超 WWDC 2026 初期公布的 525 项。虽然苹果未公开具体 bug 细分统计,但提及涵盖性能、稳定性及安全性类别。游戏、视频网站及高交互性 Web 应用预计从这些底层修复中直接受益。

值得注意的是,苹果选择在 Safari 而非 WebKit 博文首发 MCP 协议细节,预示未来苹果可能以浏览器独立节奏推进功能演进,而非完全依赖 WebKit 全局升级周期。

用户与开发者落地建议

  • 普通用户:建议在支持 Safari 27 的设备上(macOS 15 / iOS 18 系统)及时更新系统,即可自动获得滚动锚定优化;若发现特定网站异常跳动,可检查是否被开发者设置 overflow-anchor: none。
  • 前端开发者:若使用 Claude Code 或 Codex 等 AI 调试工具,升级 Safari 27 可启用完整 MCP 支持;需关注 overflow-anchor 属性在跨浏览器兼容性中的表现差异,建议在 CSS 中显式声明该属性避免意外行为。
  • 企业客户:高频率内容更新类网站(如电商、资讯平台)可利用户端的滚动锚定特性降低跳出率,但需测试广告脚本是否与新机制冲突。

写在最后

Safari 27 通过滚动锚定与 MCP 协议,首次将“用户阅读体验”与“开发者调试效率”作为并列核心优化目标。当浏览器开始主动承担上下文感知与协作连接职责,Web 平台的交互范式正在从静态呈现转向动态协同——苹果的这次升级,标志着生态角色从被动兼容转向主动定义的新阶段。