트렌딩 목록으로
TypeScript

ChromeDevTools / chrome-devtools-mcp

코딩 에이전트를 위한 크롬 개발자 도구

48.0K
3.3K
5일 전
GitHub에서 보기

이 프로젝트에 대해

ChromeDevTools 님의 chrome-devtools-mcp 프로젝트는 GitHub에서 48.0K개의 별을 받으며 많은 개발자들의 주목을 받고 있습니다. 특히 TypeScript 환경에서 유용하게 활용될 수 있으며, 최근 오픈소스 커뮤니티에서 활발한 기여와 토론이 이루어지고 있는 트렌딩 레포지토리입니다.

Language Breakdown

TypeScript 96%JavaScript 4%HTML 0%

🇰🇷 한국어 번역 README

캐시 히트

에이전트를 위한 Chrome DevTools

에이전트를 위한 Chrome DevTools(chrome-devtools-mcp)는 Antigravity, Claude, Cursor, Copilot과 같은 코딩 에이전트가 실시간 Chrome 브라우저를 제어하고 검사할 수 있게 해줍니다. 이는 Model-Context-Protocol(MCP) 서버 역할을 하여 AI 코딩 어시스턴트가 Chrome DevTools의 모든 기능을 활용하여 신뢰할 수 있는 자동화, 심층 디버깅 및 성능 분석을 할 수 있도록 합니다. MCP 없이 사용할 수 있는 CLI도 제공됩니다.

도구 참조 | 변경 로그 | 기여 | 문제 해결 | 설계 원칙

주요 기능

  • 성능 인사이트 얻기: Chrome DevTools를 사용하여 추적을 기록하고 실행 가능한 성능 인사이트를 추출합니다.
  • 고급 브라우저 디버깅: 네트워크 요청 분석, 스크린샷 캡처, 브라우저 콘솔 메시지 확인(소스 매핑된 스택 트레이스 포함)을 할 수 있습니다.
  • 신뢰할 수 있는 자동화: Chrome에서 동작을 자동화하고 puppeteer를 사용하여 동작 결과를 자동으로 대기합니다.

면책 조항

chrome-devtools-mcp는 브라우저 인스턴스의 내용을 MCP 클라이언트에 노출하여 브라우저나 DevTools의 데이터를 검사, 디버그 및 수정할 수 있게 합니다. MCP 클라이언트와 공유하고 싶지 않은 민감하거나 개인 정보를 공유하지 마십시오.

chrome-devtools-mcp는 공식적으로 Google Chrome과 Chrome for Testing만 지원합니다. 다른 Chromium 기반 브라우저도 작동할 수 있지만 보장은 없으며 예상치 못한 동작이 발생할 수 있습니다. 사용자는 신중하게 사용해야 합니다. 최신 버전에 대한 수정 및 지원을 제공하기 위해 최선을 다하고 있습니다.


🌐 본 텍스트는 빠른 이해를 돕기 위한 요약 번역본입니다. 정확한 기술 정보 및 전체 코드는 GitHub 원문에서 확인하실 수 있습니다.

이 정보는 AI가 자동으로 분석한 결과입니다. 정확한 내용은 원문을 확인하세요.

ChromeDevTools/chrome-devtools-mcp GitHub 원문 바로가기 →