Safari 在最新测试版本里给开发者塞进了一个新工具：Safari MCP 服务器。它能让 AI 直接「看见」你的网页在浏览器里长什么样——不再靠你截图描述，而是 agent 自己打开页面、检查控制台、对比渲染结果，把调试循环从「人→浏览器→描述问题→改代码」压缩成「一句话 prompt，agent 自己搞定」。
为什么需要这个
现在用 AI 写代码很常见，但 agent 有一个根本局限：它看不见你浏览器里的实际效果。你得自己截图、把控制台错误贴给它，还得反复确认它修对了没有。这套「翻译」工作其实挺费时的。
MCP（Model Context Protocol）是一套让 agent 与外部工具对接的协议——相当于给 AI 装了一个标准化的插头。Safari MCP 服务器就是这个插头在浏览器端的实现：agent 连上之后，可以直接操控 Safari，获取它需要的信息来自己判断问题出在哪。
它能做什么
Safari MCP 服务器提供的能力覆盖了调试的主要环节：
DOM 读取与操作——agent 能查询页面元素、检查计算后的样式、确认页面结构是否符合预期。
网络请求监控——它能抓取页面发出的请求，帮你排查接口层面的性能问题或资源加载失败。
截图与控制台输出——不需要你手动截屏喂给 agent，它自己就能看见页面长什么样、浏览器报了哪些错。
性能数据——可以直接在页面上跑 JavaScript 来获取导航计时、资源加载耗时等指标，定位拖慢页面的原因。
无障碍检查——自动检测缺失的标签、错误的 ARIA 属性、对比度不足等常见可访问性问题。
用户状态验证——检查表单状态、确认特定交互是否生效、验证购物车等流程在不同步骤下的表现。
这些能力组合起来，agent 就能在你只给一个高层指令（如「检查我的网站在 Safari 上有没有 bug」）的情况下，自主完成从打开页面到定位问题再到确认修复的完整闭环。
如何上手
使用 Safari MCP 服务器需要 Safari Technology Preview（版本 247 及以上）。安装后在「设置 > 高级 > 显示开发者功能」开启开发者选项，再在「设置 > 开发者 > 允许远程自动化和外部 agents」中放行。
配置 agent 时，如果你用 Claude，在终端运行：
claude mcp add safari-mcp-stp -- "/Applications/Safari Technology Preview.app/Contents/MacOS/safaridriver" --mcp
用 Codex 则运行对应的命令；其他 MCP 客户端在配置文件里加上 safari-mcp-stp 条目指向 safaridriver 即可。
配好之后，试试这些 prompt：「在 Safari 上找找我网站的 bug」「我的网站无障碍做得怎么样」「看看我的网站在 Safari 上的性能表现」——agent 会自动调用 Safari MCP 服务器，不需要你额外指示它用哪个工具。
关于隐私
Safari MCP 服务器完全在本地运行，不主动联网，也不访问 Safari 里存的个人信息（比如自动填充数据或浏览记录）。当它抓取页面内容、截图或控制台日志时，数据直接发给你正在用的 agent，不经过 Apple 的服务器。后续数据怎么处理，取决于你选择的 agent 和模型。
本质上这是一套「让 AI 少问你一句，帮你多跑一趟腿」的机制——省去中间的解释环节，调试流程自然就快了。
编注：信源为 WebKit 官方博客，内容为产品功能介绍，覆盖技术原理、使用场景、配置步骤与隐私说明。原文篇幅较长，已提炼调试效率提升这条主线，合并相似功能点，删减浏览器发展背景等枝节。