Advertise
MCP.so
Sign In
S

Safari Devtools MCP Server

@HayoDev

Repository

Basic information

Category

Other

Transports

stdio

Author

HayoDev

Submitted by

sweden-snow

About Safari Devtools MCP Server

Safari DevTools MCP — real browser debugging with network interception, DOM inspection, cookie/storage management, and CSS analysis for AI agents on macOS

#mcp-server#safari#safari-devtools#devtools#debugging#browser-automation#model-context-protocol#ai-agents#ai-coding#macos#webkit#webdriver#network-interception#dom-inspection#claude#cursor#copilot

Safari Devtools MCP Server config

Add this server to your MCP-compatible client using the configuration below.

{
  "mcpServers": {
    "safari-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "safari-devtools-mcp@latest"
      ]
    }
  }
}

Safari Devtools MCP Server tools

Tool list not available yet

This listing does not currently have a tool list to display. This does not mean the server has no tools; check its documentation for supported capabilities.

Fetch the live tool list by running this server in a temporary sandbox using the button above.

Overview

What is Safari Devtools MCP?

Safari Devtools MCP is an MCP server that lets coding agents (such as Claude, Cursor, Copilot, or Gemini) control and inspect a live Safari browser on macOS. It provides AI coding assistants with access to Safari DevTools for debugging, automation, and testing, and mirrors the tool names and schemas of Chrome DevTools MCP.

How to use Safari Devtools MCP?

Add the standard MCP configuration to your client’s settings file (e.g., ~/Library/Application Support/Claude/claude_desktop_config.json) using npx -y safari-devtools-mcp@latest. Run any client with the required setup: macOS with Safari’s “Allow Remote Automation” enabled and SafariDriver authorized (sudo safaridriver --enable). Then prompt your agent with actions like navigating a URL, taking a snapshot, or listing console errors.

Key features of Safari Devtools MCP

  • Browser debugging: capture console logs, network requests, and evaluate JavaScript
  • Reliable automation using accessibility-tree snapshots with stable UIDs
  • Native macOS tab management via AppleScript
  • CSS computed style inspection and element-level screenshots
  • Cookie and storage read/write/delete operations
  • Session auto-recovery that detects dead SafariDriver sessions

Use cases of Safari Devtools MCP

  • Debugging web applications by inspecting console messages, network traffic, and JavaScript execution
  • Automating browser interactions like clicking, typing, form filling, and drag-and-drop
  • Testing Safari-specific behavior with live browser control from AI assistants
  • Extracting page content, meta tags, links, and computed styles for analysis
  • Managing cookies and local/session storage across test sessions

Frequently asked questions

1

What are the runtime requirements?

macOS (Safari and SafariDriver are Apple-exclusive), Node.js 18+ (22+ recommended), and Safari with “Allow Remote Automation” enabled. SafariDriver must be authorized with `sudo safaridriver --enable`.

2

How is this different from chrome-devtools-mcp?

Safari Devtools MCP intentionally mirrors the tool names and parameter schemas of chrome-devtools-mcp, so you can switch between Chrome and Safari with minimal friction. It provides Safari-specific features like AppleScript-based tab management.

3

What data does the server expose to MCP clients?

The server exposes browser content: page HTML, DOM snapshots, console logs, network request/response bodies, cookies, storage, computed styles, and screenshots. The README warns against browsing sensitive sites or entering credentials while a session is active.

4

Are there any known limitations?

Yes: only one WebDriver session at a time; macOS-only; no headless mode; console and network messages logged before injection are not fully captured; only PNG screenshots; full-page capture not available; tab management requires macOS Accessibility permissions for `osascript`.

5

How is the server started?

Via an MCP client configuration: use the command `npx -y safari-devtools-mcp@latest`. It can also be built from source (`git clone`, `npm install && npm run build`) and pointed to the built entry point.

Comments

More Other MCP servers

YOUB

Connect your AI assistant to your own YOUB endurance training account. Read recorded activities with full analysis, planned sessions, race goals, wellness (HRV, sleep, resting HR) and your athletic profile. Create or mov

EverArt

modelcontextprotocol

Model Context Protocol Servers

88.1K

DeepMark

DeepMark helps teachers deliver rapid, consistent marking with meaningful feedback for every student — in a fraction of the time. What once took a week, now takes one free period.

Lemon.io

lemon-io

Request dedicated senior developers to work on your project, write job descriptions, and prep technical interviews — all without leaving your Claude chat. Just describe what you need, and Lemon.io MCP does the rest. 1–3

🚀 Model Context Protocol (MCP) Curriculum for Beginners

microsoft

This open-source curriculum introduces the fundamentals of Model Context Protocol (MCP) through real-world, cross-language examples in .NET, Java, TypeScript, JavaScript, Rust and Python. Designed for developers, it focuses on practical techniques for building modular, scalable,

16.7K
Advertise