Apple 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.
The post outlines several potential uses for the Safari MCP server, including helping agents debug websites, identify Safari compatibility issues, analyze performance, check accessibility, and verify various page and user-interface states.
Additionally, the post lists and describes nearly 20 tools included in the server, such as browser_console_messages to “return buffered console logs for the current or specified tab,” screenshot to “capture a screenshot of the current page as a PNG,” list_network_requests to “list network request summaries (URL, method, status, timing) for the current tab,” and page_interactions to “perform DOM interactions in sequence: click, type, scroll, hover, keyPress, etc.”
To learn how to get started and make use of MCP on safari with Claude, Codex, and more, follow this link.
Worth checking out on Amazon
- Geoffrey Cain – ‘Steve Jobs in Exile’
- David Pogue – ’Apple: The First 50 Years’
- MacBook Neo
- Logitech MX Master 4
- AirPods Pro 3
- AirTag (2nd Generation) – 4 Pack
- Apple Watch Series 11
- Wireless CarPlay adapter
FTC: We use income earning auto affiliate links. More.
Comments