Safari MCP 服务器登场：加速 Web 开发调试，多场景应用提升效率！

WebKit 导航下载下载特性状态CSS 特性标准立场文档Web 检查器跟踪防护政策项目目标漏洞优先级排序漏洞报告指南代码风格指南提交与审核政策特性政策安全政策跟踪防护政策贡献入门指南贡献代码测试贡献如何报告漏洞GitHub 仓库博客新闻文章CSS 文章贡献文章隐私文章性能文章JavaScript 文章标准文章Web 检查器文章Safari 技术预览版文章为 Web 开发者引入 Safari MCP 服务器在 Safari 技术预览版 247 中将引入面向 Web 开发者的 Safari MCP 服务器。这是一款模型上下文协议Model Context ProtocolMCP服务器能让 Web 开发和调试工作流变得更快、更强大。智能代理在编码过程中愈发重要而 Safari MCP 服务器通过将代理连接到 Safari 浏览器窗口使其能够了解代码在浏览器中的实际渲染情况。任何兼容 MCP 的客户端都可连接到 Safari MCP 服务器。连接后代理能模拟用户体验获取自主调试所需信息如访问 DOM、网络请求、截图和控制台输出等。这不仅加快了调试过程还让开发者能在终端中操作减少了在不同窗口间切换和输入调试指令的麻烦。使用场景Web 开发中调试工作十分繁琐。通常是在浏览器中发现网站问题打开控制台查找点击样式标签查看问题再回到代码中修复或者截取屏幕向代理详细描述问题让其修复。若修复不成功就得反复尝试“浏览器 - 指令 - 代理”流程。无论用何种浏览器或工具调试工作流都需大量点击、切换工具和窗口。但有了 Safari MCP 服务器若开发工作流中已使用智能代理调试将变得更快、更高效。它能让代理自主完成更多调试和故障排除工作具体应用场景如下Safari 中的 Web 开发在 Safari 中开发时将拥有更优化的工作流程。代理不仅能协助编写代码还能查看代码在 Safari 中的实际渲染效果。提高与 Safari 的兼容性只在一种浏览器中测试可能忽略其他浏览器的潜在问题影响用户体验。借助 Safari MCP 服务器代理可在 Safari 中打开网站检查计算样式、布局并与预期效果对比无需切换窗口。性能分析可找出网站中影响性能的部分。Safari MCP 服务器允许代理评估页面上的 JavaScript获取性能指标如导航时间和资源加载时间从而定位问题并修复。可访问性检查代理能检查常见的可访问性问题如缺少标签、不正确的 ARIA 属性和对比度不佳等帮助发现影响用户的问题。验证用户状态能确保页面按预期工作和显示。代理可检查表单状态、使用选择器查询元素、确认特定交互、展示结账流程的不同状态等减少手动检查时间。无论如何应用Safari MCP 服务器都能让代理做更多事减少 Web 开发中常见的来回切换操作带来更轻松的工作流解决更多漏洞让用户更满意产品更优质。可用工具Safari MCP 服务器提供的工具及其功能如下工具描述browser_console_messages返回当前或指定标签页的缓冲控制台日志browser_dialogs列出并响应浏览器对话框接受、关闭或为 JavaScript 提示输入文本close_tab通过句柄关闭浏览器标签页create_tab创建新的浏览器标签页可选择加载 URLevaluate_javascript在页面内执行 JavaScript 代码并返回结果get_network_request获取单个记录的网络请求的完整详细信息头部、主体、时间get_page_content以各种格式Markdown、HTML、JSON 等提取页面的文本内容list_network_requests列出当前标签页的网络请求摘要URL、方法、状态、时间list_tabs列出所有打开的浏览器标签页及其句柄和 URLnavigate_to_url导航到 URL 并返回加载页面的内容page_info获取当前页面的信息URL、标题和加载状态page_interactions按顺序执行 DOM 交互点击、输入、滚动、悬停、按键等screenshot以 PNG 格式捕获当前页面的截图set_emulated_media模拟 CSS 媒体类型如“打印”以进行响应式设计测试set_viewport_size以 CSS 像素为单位设置浏览器视口大小switch_tab通过句柄切换到不同的浏览器标签页wait_for_navigation等待当前页面加载完成返回最终 URL 和标题有了 Safari MCP 服务器无需再编写完美指令向代理详细描述浏览器问题代理可自行探索和解决问题。入门指南首先需安装 Safari 技术预览版。安装完成后要在 Safari 设置的“高级”选项中开启“显示 Web 开发者功能”并在“开发者”选项中启用“远程自动化”和“外部代理”。若使用 Claude可在终端中使用以下命令claude mcp add safari-mcp-stp -- /Applications/Safari Technology Preview.app/Contents/MacOS/safaridriver --mcp若使用 Codex可在终端中使用以下命令codex mcp add safari-mcp-stp -- /Applications/Safari Technology Preview.app/Contents/MacOS/safaridriver --mcp对于其他代理可将以下内容添加到 mcp.json 或 config.json 文件中safari-mcp-stp: { command: /Applications/Safari Technology Preview.app/Contents/MacOS/safaridriver, args: [--mcp] }需注意虽代码将服务器命名为 safari-mcp-stp但可根据喜好命名甚至可简单命名为 safari。安装好 Safari MCP 服务器后可尝试使用以下指令Find bugs on my site in SafariHow accessible is my site in Safari?See how my website performs in Safari尽管每个代理工作方式略有不同但通常无需明确告知其使用 Safari MCP 服务器它会自动识别。简单指令足以启动 MCP 功能。以下是使用 Safari MCP 服务器与代理对话的示例你收到一份漏洞报告Safari 中航班页面有问题能帮忙排查一下吗代理当然让我看看。代理我在 Safari 的航班页面上发现了两个不同的漏洞要我都修复吗你好的。还有其他可能影响 Safari 用户的问题吗代理有还有两个问题值得关注。结果显示动画无声无息地出了问题API 服务器启动日志也有误。要我一起处理吗只需发起初始请求借助 Safari MCP 服务器代理就能自行处理后续问题。Safari MCP 服务器完全在本地机器上运行不会自行发起网络调用也无法访问 Safari 中的个人信息如自动填充或其他浏览器活动。捕获页面内容、截图或控制台日志时数据会直接传输到正在使用的代理而非苹果公司。数据的后续处理取决于使用的代理和模型。与任何可访问浏览器的代理一样仅使用信任的代理。开发初衷构建 Web 应用有多种方式无论是否使用人工智能。若人工智能是工作流程的一部分这个工具将提高工作效率若还未使用也无妨。创建这个资源的目的是通过帮助代理了解代码在浏览器中的实际呈现和运行情况让在 Safari 中进行测试和调试变得更加容易。若尝试使用这个工具或者是首次使用 MCP 服务器可反馈感受。可在以下平台找到相关人员Saron Yitbarek 在 BlueSkyJen Simmons 在 Bluesky / MastodonJon Davis 在 BlueSky / Mastodon。若遇到问题请提交 WebKit 漏洞报告提交问题反馈很有帮助。上一篇Safari 技术预览版 247 发布说明webkitfront-end.social网站地图隐私政策WebKit 许可WebKit 和 WebKit 标志是苹果公司的商标