safari-devtools-mcp

[](https://npmjs.org/package/safari-devtools-mcp) [](https://npmjs.org/package/safari-devtools-mcp) [](https://github.com/HayoDev/safari-devtools-mcp/blob/main/LICENSE) [](https://npmjs.org/package/safari-devtools-mcp)

safari-devtools-mcp lets your coding agent (such as Claude, Cursor, Copilot or Gemini) control and inspect a live Safari browser on macOS. It acts as a Model-Context-Protocol (MCP) server, giving your AI coding assistant access to Safari DevTools for debugging, automation, and testing.

Chrome developers get powerful AI debugging through chrome-devtools-mcp by Google. Safari developers should have something equivalent — this project brings that same experience to Safari, with matching tool names and parameter schemas so you can swap between browsers with minimal friction.

> Note: This server exposes browser content (page data, console logs, network traffic) to MCP clients. Avoid browsing sensitive websites or entering credentials while a session is active.

This project uses WebDriver for capabilities that scripting alone cannot provide:

• Network request/response body capture — intercepts fetch and XHR calls with full headers, payloads, and timing
• DOM snapshots via accessibility tree — stable element UIDs that survive page re-renders, not brittle CSS selectors
• CSS computed style inspection — read any computed property from any element
• Cookie and storage management — read, write, and delete cookies, localStorage, and sessionStorage
• Element-level screenshots — capture individual