Playwright Console Debugger

🚀 Playwright MCP Server for Console and Network Logs

This MCP (Model Context Protocol) server utilizes Playwright to open a browser, monitor console logs, and track network requests. It exposes these capabilities as tools to MCP clients.

✨ Features

• Open a browser at a specified URL.
• Monitor and retrieve console logs.
• Track and retrieve network requests.
• Close the browser upon completion.

📦 Prerequisites

• Python 3.8+
• Playwright
• Model Context Protocol (MCP) Python SDK

📦 Installation in Claude

Edit the file: ~/Library/Application\ 支持/Claude/claude_desktop_config.json

Add the following content:

"playwright": {
   "command": "/Users/christophersettles/.local/bin/uv",
   "args": [
      "--directory",
      "/ABSOLUTE/PATH/TO/playwrightdebugger/",
      "运行",
      "mcp_playwright.py"
   ]
}

(Replace /ABSOLUTE/PATH/TO/playwrightdebugger/ with the absolute path of the cloned repository.)

💻 Usage Examples

Basic Usage

Open localhost:3000/dashboard to view console logs and network requests.

Advanced Usage

Close the browser.

🔧 Technical Details

The server uses Playwright's event listeners to capture console messages and network activities. When a client requests this information, the server returns it in a structured format for use by LLMs.