Playwright를 사용하여 브라우저 자동화를위한 모델 Context Protocol (MCP) 구현, 전체 Greasemonkey API 지원.

특징

핵심 브라우저 특징

• 브라우저 실행 및 관리
• create/switch/close 기능을 가진 다탭 지원
• 페이지 탐색 및 상호 작용
• 스크린샷 캡처

Greasemonkey API 지원

• CSS 주입용 GM addStyle
• 데이터 저장을 위한 GM getValue/GM setValue
• 스토리지 정리용 GM deleteValue
• 데스크탑 알림용 GM notification
• 클립보드 가동을 위한 GM setClipboard
• GM xmlHTTPS 크로스 라이진 요청

자원 관리

• 네트워크 요청 연동
• 차단, 수정 및 로깅 요청
• 자원 유형 필터링

# Debug 기능

• 상세한 로깅 시스템
• 로그 파일 조직
• Clean 인터페이스 출력

설치

빠른 시작

문서

• Commands - 예제를 가진 상세한 명령 문서
• COMMANDS.md에서 사용 예제가있는 전체 명령 목록

핵심 특징

브라우저 관리

# # # Greasemonkey API를

# 자원 차단

구현 세부 사항

로깅 시스템

• 모든 디버그 출력은 로그 파일에 리디렉션
• Timestamped 항목

Chrome Debug MCP Playwright

A Model Context Protocol (MCP) implementation for browser automation using Playwright, with full Greasemonkey API support.

Features

Core Browser Features

• Browser launch and management
• Multi-tab support with create/switch/close capabilities
• Page navigation and interaction
• Screenshot capture

Greasemonkey API Support

• GM_addStyle for CSS injection
• GM_getValue/GM_setValue for data storage
• GM_deleteValue for storage cleanup
• GM_notification for desktop notifications
• GM_setClipboard for clipboard operations
• GM_xmlhttpRequest for cross-origin requests

Resource Management

• Network request interception
• Request blocking, modification, and logging
• Resource type filtering

Debug Features

• Detailed logging system
• Log file organization
• Clean interface output

Installation

npm install chrome-debug-mcp-playwright

Quick Start

// Launch browser
tool browser launch_browser --url "https://example.com" --browserType "chromium"

// Use GM functions
tool browser gm_setValue --key "setting" --value "test"
tool browser gm_getValue --key "setting"

// Intercept requests
tool browser intercept_requests --patterns ["*.jpg", "*.css"] --action "block"

Documentation

• Commands - Detailed command documentation with examples
• Full command list with usage examples available in COMMANDS.md

Core Features

Browser Management

// Launch browser
tool browser launch_browser --url "https://example.com"

// Create new tab
tool browser create_tab --url "https://example.com"

// Switch between tabs
tool browser switch_tab --index 1

Greasemonkey API

// Add custom styles
tool browser gm_addStyle --css "body { background: #f0f0f0; }"

// Store data
tool browser gm_setValue --key "setting" --value "test"

// Make cross-origin requests
tool browser gm_xmlhttpRequest --url "https://api.example.com/data" --method "GET"

Resource Interception

// Block image loading
tool browser intercept_requests --patterns ["*.jpg", "*.png"] --action "block"

// Log all CSS requests
tool browser intercept_requests --patterns ["*.css"] --action "log"

Implementation Details

Logging System

• All debug output redirected to log files
• Timestamped entries
• Organized in logs directory
• Clean interface output

Error Handling

• Detailed error logging
• Proper cleanup on errors
• Resource management

Dependencies

• Playwright: Browser automation
• @modelcontextprotocol/sdk: MCP implementation

Development

Prerequisites

• Node.js 16 or higher
• npm 7 or higher

Setup