Chrome Debug MCP

0
0 리뷰
23 Stars
Chrome Debug MCP는 브라우저 자동화, Greasemonkey API 지원, 요청 가로채기 및 실시간 로깅 기능을 제공하여 웹 페이지 디버깅을 통한 LLM을 가능하게 하는 프로토콜 서버입니다.
추가 날짜:
작성자:
Mar 19 2025
Chrome Debug MCP

Chrome Debug MCP

0 리뷰
23
0
Chrome Debug MCP
Chrome Debug MCP는 브라우저 자동화, Greasemonkey API 지원, 요청 가로채기 및 실시간 로깅 기능을 제공하여 웹 페이지 디버깅을 통한 LLM을 가능하게 하는 프로토콜 서버입니다.
추가 날짜:
Created by:
Mar 19 2025
robertheadley
추천

Chrome Debug MCP란?

이 MCP 서버는 Chrome 브라우저 자동화 및 대형 언어 모델과 통합하여 웹 페이지 디버깅을 용이하게 합니다. 사용자 지정 구성으로 Chrome을 실행하고 관리하며, 여러 탭 작업, 페이지 상호 작용 및 JavaScript 평가를 지원합니다. 주요 기능으로는 네트워크 요청 가로채기, 리소스 관리, 콘솔 로그 캡처 및 스크립트 주입이 있습니다. 또한 확장 지원, 사용자 스크립트 관리 및 Chrome DevTools 프로토콜을 통한 디버깅 기능을 제공합니다. 개발자, QA 테스트 담당자 및 연구자를 위해 설계되어 복잡한 디버깅 작업을 자동화하고 상세한 로그를 제공하여 LLM을 활용한 웹 페이지의 효율적인 테스트 및 분석을 가능하게 합니다.

Chrome Debug MCP을 사용할 사람은?

  • 웹 개발자
  • QA 테스터
  • 웹 자동화 작업을 수행하는 연구자
  • 브라우저 자동화 엔지니어
  • 웹 페이지 분석에 LLM을 통합하는 AI/ML 실무자

Chrome Debug MCP 사용 방법은?

  • 단계 1: 'npm install chrome-debug-mcp-playwright'를 사용하여 npm을 통해 MCP 서버를 설치합니다.
  • 단계 2: 레포지토리를 클론하고 설정한 다음 Roo 코드 또는 환경에서 구성합니다.
  • 단계 3: MCP 서버를 시작하고 지정된 구성을 사용하여 Chrome에 연결합니다.
  • 단계 4: 제공된 명령이나 스크립트를 사용하여 페이지 상호 작용, 디버깅 및 로그 수집을 자동화합니다.
  • 단계 5: MCP 인터페이스 또는 스크립트를 통해 로그를 모니터링하고 웹 페이지의 동작을 평가합니다.

Chrome Debug MCP의 핵심 기능 및 장점

핵심 기능
  • Chrome 브라우저 시작 및 관리
  • 다중 탭 작업 지원
  • 페이지 탐색 및 상호 작용
  • JavaScript 평가
  • 네트워크 요청 가로채기 및 수정
  • 콘솔 로그 캡처
  • 사용자 스크립트 및 스타일 주입
  • 디버깅 및 실시간 로깅
  • 확장 및 사용자 스크립트 지원
  • 리소스 관리
장점
  • 복잡한 웹 페이지 디버깅 작업 간소화
  • 브라우저 상호 작용 자동화
  • 상세한 로그로 디버깅 효율성 향상
  • 웹 페이지 분석을 위한 AI/LLM 통합 지원
  • 다양한 테스트 환경에 대한 유연한 구성

Chrome Debug MCP의 주요 사용 사례 및 애플리케이션

  • LLM 지원을 통한 자동화된 웹 페이지 테스트 및 디버깅
  • 브라우저 확장 및 사용자 스크립트 개발 및 테스트
  • 개발 중 네트워크 요청 가로채기 및 수정
  • 웹 성능 분석을 위한 상세 로그 캡처
  • QA를 위한 반복적인 브라우저 작업 자동화

Chrome Debug MCP의 자주 묻는 질문

개발자

당신은 또한 좋아할 수 있습니다:

개발자 도구

서버 및 클라이언트 상호작용을 관리하기 위한 데스크탑 응용 프로그램으로 폭넓은 기능을 제공합니다.
Eagle과 데이터 소스 간의 데이터 교환을 관리하는 Model Context Protocol 서버입니다.
채팅 환경 내에서 다양한 MCP 도구를 통합하여 직접 사용할 수 있는 채팅 기반 클라이언트로, 생산성을 향상시킵니다.
통합된 진입점을 통해 접근 가능한 여러 MCP 서버를 호스팅하는 Docker 이미지로, supergateway 통합이 포함되어 있습니다.
MCP 프로토콜을 통해 YNAB 계정 잔액, 거래 및 거래 생성을 제공합니다.
실시간 다수 클라이언트 Zerodha 거래 작업을 관리하기 위한 빠르고 확장 가능한 MCP 서버.
MCP 서버에 대한 원격 도구 활용을 위한 안전한 프록시 기반 접속을 용이하게 하는 원격 SSH 클라이언트.
Minecraft 모드 간의 통신 프로토콜 관리 및 처리에 AI 기능을 통합한 Spring 기반 MCP 서버.
필수 채팅 기능을 지원하는 미니멀한 MCP 클라이언트로, 다중 모델 및 맥락 기반 상호작용을 지원합니다.
AI 에이전트가 2FA 코드 및 비밀번호를 위해 Authenticator 앱과 상호 작용할 수 있도록 하는 안전한 MCP 서버입니다.

브라우저 자동화

웹 검색을 위한 Brave Search API를 통합한 MCP 클라이언트로, 효율적인 통신을 위한 MCP 프로토콜을 활용합니다.
프로그램 방식으로 Google 슬라이드 프레젠테이션을 생성, 읽기 및 수정하기 위한 서버 프로토콜.
TypeScript를 사용하여 뷰포트 관리, 스크린샷 캡처 및 콘텐츠 추출을 위한 고급 브라우저 자동화를 가능하게 합니다.
AI 에이전트가 브라우저 사용을 통해 실시간 VNC 스트리밍으로 웹 브라우저를 제어할 수 있게 해주는 MCP 서버입니다.
ESLint 지원 및 React 플러그인을 갖춘 TypeScript 기반의 프로젝트 템플릿입니다.
브라우저 자동화 및 네트워크 분석을 통해 웹 애플리케이션을 평가하고 디버그하는 자율 시스템입니다.
Claude와 유사한 AI 클라이언트 및 VS Code의 Copilot과 통합된 Selenium 기반 테스트 MCP입니다.
Redis, GitHub, Google Maps 및 웹 스크레이핑 도구와 같은 MCP 서버와의 통합을 용이하게 하는 Go 라이브러리입니다.
브라우저 자동화 및 Minecraft 서버와의 상호작용을 가능하게 하는 Python 기반 MCP 클라이언트입니다.
Minecraft 서버 구성 및 플러그인 설정을 쉽게 탐색하고 관리할 수 있는 웹 기반 도구입니다.

모니터링

발렌시아시의 실시간 교통, 대기 질, 날씨 및 자전거 공유 데이터를 통합된 플랫폼에서 제공합니다.
SSE, StdIO 또는 외부 프로세스를 통해 MCP 서버와 상호 작용할 수 있는 PHP 클라이언트 라이브러리입니다.
MCP 시스템 상호 작용을 위한 오프라인 접근, 성능 및 세부 메트릭을 제공하는 크로스 플랫폼 데스크톱 앱.
메트릭 및 모니터링 데이터를 수집하고 노출하기 위한 간소화된 Prometheus MCP 서버입니다.
클라이언트 간에 MCP 서버를 관리하기 위한 GUI 도구로, 매끄러운 전환 및 실시간 모니터링 기능이 있습니다.
슈퍼 게이트웨이를 통한 GitLab SSE 통신을 촉진하는 클라이언트 및 서버 설정으로 실시간 업데이트 제공.
보안 토큰 인증을 지원하는 자가 호스팅된 ntfy 서버에 알림을 보내기 위한 서버입니다.
Elasticsearch 7 및 8을 지원하는 검색, 매핑, 건강 및 통계 모니터링을 위한 Python SDK 기반 MCP.
효율적인 마이크로서비스 배포 및 관리를 위한 포괄적인 컨테이너 모음입니다.
사용자 인증, 메시지 기록 및 건강 모니터링 기능이 포함된 WebSocket 기반 실시간 채팅 애플리케이션입니다.