← 返回内容列表

Safari MCP Server:WebKit 为 Web 开发者推出专用 MCP 服务

Safari MCP Server:WebKit 为 Web 开发者推出专用 MCP 服务

WebKit 团队在 Safari Technology Preview 247 中推出了 Safari MCP Server,让 AI 编程代理能够直接连接 Safari 浏览器窗口,自主检查 DOM、网络请求、截图和控制台输出。这是继 Claude Code 和 Cursor 之后,MCP 生态在浏览器调试领域的重大拓展,标志着 AI 辅助 Web 开发进入新阶段。

2026年7月1日,WebKit 团队在 Safari Technology Preview 247 中正式推出了 Safari MCP Server——一个专为 Web 开发者设计的 MCP 服务。它让 AI 编程代理能够直接连接 Safari 浏览器窗口,自主完成调试工作。

解决的核心痛点

Web 开发者对"调试之舞"再熟悉不过:在浏览器中发现问题 → 打开控制台 → 检查样式 → 回到代码修复 → 切回浏览器验证。如果使用 AI 代理,还需要截图、描述问题、等待代理修复,循环往复。

Safari MCP Server 消除了这种窗口切换。代理可以直接"看到"浏览器中的渲染结果,自主定位问题并修复。用 WebKit 团队的话说:"你不再需要写出完美的提示词来向代理描述你在浏览器中看到的东西,你可以让代理自己去发现。"

提供的工具集

Safari MCP Server 暴露了 16 个工具,覆盖了 Web 开发调试的核心场景:

工具功能
screenshot截取当前页面的 PNG 截图
evaluate_javascript在页面中执行 JavaScript 并返回结果
page_interactions执行 DOM 交互:点击、输入、滚动、悬停等
list_network_requests列出网络请求摘要(URL、方法、状态、耗时)
browser_console_messages返回缓冲的控制台日志
get_page_content提取页面文本内容(Markdown/HTML/JSON)
set_viewport_size设置浏览器视口大小(响应式测试)

使用场景

WebKit 团队列举了几个典型用例:

  • Safari 兼容性测试:代理打开网站,检查计算样式、布局,与预期对比,无需切换窗口
  • 性能分析:代理评估页面 JavaScript,提取导航计时和资源加载时间,定位瓶颈
  • 无障碍检查:代理检测缺失标签、不当 ARIA 属性、对比度不足等问题
  • 用户状态验证:代理检查表单状态、确认交互、展示结账流程的不同状态

隐私与安全设计

值得强调的是,Safari MCP Server 完全运行在本地机器上,不进行任何网络调用,也无法访问用户的 AutoFill 或其他浏览器活动数据。截图、页面内容和控制台日志直接发送给用户运行的代理,不经过 Apple 服务器。

对 MCP 生态的意义

这是 MCP 生态的重要里程碑。此前 MCP 主要用于数据库查询、文件操作等后端工具集成,Safari MCP Server 将其扩展到了浏览器调试领域。随着 WebKit 这样的主流平台拥抱 MCP,我们可以预见更多浏览器和开发工具将推出自己的 MCP 服务,形成真正的"AI 原生开发环境"。

关联推荐

Safari MCP Server:WebKit 为 Web 开发者推出专用 MCP 服务 | 必学必会