GoKawiilApple is introducing a new MCP server for Safari that lets coding agents inspect websites directly in the browser, giving them access to page content, console logs, network requests, screenshots, and more. Here are the details.
MCP server included in Safari Technology Preview 247
In a new post published on the WebKit blog, Apple says that Safari Technology Preview 247 includes the Safari MCP server, “a Model Context Protocol server for web developers that makes your web development and debugging workflow faster and more powerful.”
From the post:
We know agents are increasingly integral to the coding process and the Safari MCP server gives your agent the ability to know how your code actually renders in the browser by connecting it to a Safari browser window.
MCP is an open standard created by Anthropic and later donated to the Linux Foundation’s Agentic AI Foundation. It essentially provides a common way for compatible AI agents to connect to external tools, services, and data sources, allowing them to retrieve information and perform authorized actions rather than relying solely on what users paste into a chat.
In practice, MCP can allow compatible clients such as ChatGPT, Claude, and Gemini to connect to MCP servers that expose services and resources, including GitHub, Slack, Google Drive, Notion, databases, local files, and browser-development tools.
With the new server configured in Safari Technology Preview 247, coding agents can inspect webpages, access console logs and network requests, capture screenshots, and interact with elements on the page.
Here’s a use case described in Apple’s post:
You see something wrong with your site in the browser. You open the console to hunt it down. You click into the styles tab. You see what’s broken. You go back to your code to fix it. Or maybe you take a screenshot, detail the problem to your agent, and let it do the fixing for you. Hopefully it gets it right, the bug is fixed, and you can move on. But when it isn’t fixed, you go through the workflow again — Browser. Prompt. Agent. And again and again, until you finally squash the bug. Regardless of the browser or tools you use, the debugging workflow is a lot of clicks, tools, and window hopping to make a single fix, but it doesn’t have to be that way. If you’re already using agents in your development workflow, the Safari MCP server makes your debugging faster and more efficient.
... continue reading