Chrome MCP Server: 사용자의 Chrome 환경을 사용해 로그인 등의 설정을 유지하는 MCP Server

읽을거리&정보공유
, , ,
1

Chrome MCP Server: 사용자의 Chrome 환경을 사용해 로그인 등의 설정을 유지하는 MCP Server
Chrome MCP Server: 사용자의 Chrome 환경을 사용해 로그인 등의 설정을 유지하는 MCP Server1596×358 47.5 KB

Chrome MCP Server 소개

Chrome MCP Server는 Chrome 확장 프로그램 기반의 Model Context Protocol (MCP) 서버로, 사용자의 Chrome 브라우저 기능을 Claude 같은 AI 어시스턴트에 노출하여 고급 브라우저 자동화, 콘텐츠 분석, 시맨틱 검색 등을 가능하게 하는 도구입니다. 기존의 Playwright 같은 브라우저 자동화 도구와 달리, 사용자가 평소 쓰던 Chrome 환경(설정, 로그인 상태 등)을 그대로 활용합니다. 이를 통해 별도의 브라우저를 실행하거나 초기 세팅을 반복할 필요 없이, AI가 사용자의 실제 브라우저를 제어하며 개인 맞춤형 어시스턴트로 동작하게 할 수 있습니다.

또한 이 MCP 서버는 완전 로컬 환경에서 동작하므로 개인 정보 보호 측면에서 안전합니다. 브라우저 탭 간 컨텍스트 공유, AI 기반의 텍스트 추출 및 유사도 분석, 스크린샷·네트워크 모니터링·북마크 관리 등 20개 이상의 고급 툴을 제공합니다. 특히 SIMD 기반 WebAssembly 최적화를 통해 벡터 연산 속도를 기존보다 4~8배 향상시킨 것이 특징입니다.

Chrome MCP Server는 현재 초기 단계이지만, 빠르게 기능이 확장되고 있으며 향후 인증 기능, 기록/재생, 워크플로우 자동화, Firefox 지원 등의 로드맵이 공개되어 있습니다.

Playwright 기반 MCP 서버와의 비교

일반적인 Playwright 기반 MCP 서버는 별도의 브라우저 프로세스를 실행하고, 전용 브라우저 바이너리를 다운로드하며, 독립된 세션을 사용하기 때문에 사용자의 기존 로그인 상태나 환경이 반영되지 않습니다. 반면 Chrome MCP Server는 이미 열려 있는 Chrome 브라우저를 직접 활용해 환경 설정과 로그인 상태를 그대로 유지합니다.

  • 리소스 사용량: Playwright는 별도 프로세스 필요 / MCP Chrome은 기존 브라우저 사용
  • 세션 재사용: Playwright는 재로그인 필요 / MCP Chrome은 기존 로그인 상태 사용
  • 브라우저 환경: Playwright는 초기화된 환경 / MCP Chrome은 사용자의 설정 유지
  • API 접근성: Playwright는 제한적 / MCP Chrome은 Chrome 네이티브 API 완전 활용 가능
  • 속도: Playwright는 50~200ms IPC / MCP Chrome은 더 빠름

설치 및 사용 방법

사전 요구 사항

  • Node.js 18.19.0 이상
  • Chrome 또는 Chromium 브라우저

설치 절차

  1. GitHub의 프로젝트 저장소에서 최신 확장 프로그램 다운로드:
    Releases · hangwin/mcp-chrome · GitHub

  2. mcp-chrome-bridge 전역 설치:

    # npm 사용 시 다음과 같이 설치가 가능합니다:
npm install -g mcp-chrome-bridge

# pnpm 사용 시 다음과 같이 설치가 가능합니다:
pnpm config set enable-pre-post-scripts true
pnpm install -g mcp-chrome-bridge

  3. Chrome 확장 프로그램 로드:

  • chrome://extensions/ 접속 후 개발자 모드 활성화
  • “압축해제된 확장 프로그램 로드” 클릭 후 다운로드 폴더 선택
  1. MCP 클라이언트와 연결: Streamable HTTP 방식 권장
    {
  "mcpServers": {
    "chrome-mcp-server": {
      "type": "streamableHttp",
      "url": "http://127.0.0.1:12306/mcp"
    }
  }
}

Chrome MCP Server의 주요 기능 (tools)

다음은 Chrome MCP Server가 제공하는 도구(tool)들입니다. 전체 도구 목록은 다음 링크를 참고해주세요.

  • 브라우저 관리: 탭/창 목록 조회, URL 이동, 탭 닫기, 뒤로/앞으로 이동, 스크립트 주입, 주입된 스크립트 제어
  • 시각화: 요소별·전체 페이지 스크린샷
  • 네트워크 모니터링: webRequest API, Debugger API, 사용자 지정 HTTP 요청
  • 콘텐츠 분석: 시맨틱 검색, HTML/텍스트 추출, 클릭 가능한 요소 탐색, 콘솔 로그 수집
  • 상호작용: 클릭, 폼 입력, 키보드 이벤트 시뮬레이션
  • 데이터 관리: 히스토리 검색, 북마크 검색·추가·삭제

활용 예시

AI가 웹페이지 내용을 요약하고 Excalidraw로 시각 자료 작성

  • 사용 프롬프트: excalidraw-prompt

  • 사용한 지시문: Help me summarize the current page content, then draw a diagram to aid my understanding.

이미지 분석 후 동일 이미지 그리기

  • 사용 프롬프트: content-analize
  • 사용한 지시문: First, analyze the content of the image, and then replicate the image by combining the analysis with the content of the image.

광고 제거를 포함한 스타일 변경

  • 사용 프롬프트: modify-web-prompt
  • 사용한 지시문: Help me modify the current page's style and remove advertisements.

네트워크 요청 캡처

  • 사용한 지시문: I want to know what the search API for Xiaohongshu is and what the response structure looks like

브라우저 히스토리 분석

  • 사용한 지시문: Analyze my browsing history from the past month

라이선스

Chrome MCP Server 프로젝트는 MIT 라이선스로 배포되며, 상업적 사용에 제한이 없습니다.

:github: Chrome MCP Server 프로젝트 GitHub 저장소

더 읽어보기



이 글은 GPT 모델로 정리한 글을 바탕으로 한 것으로, 원문의 내용 또는 의도와 다르게 정리된 내용이 있을 수 있습니다. 관심있는 내용이시라면 원문도 함께 참고해주세요! 읽으시면서 어색하거나 잘못된 내용을 발견하시면 덧글로 알려주시기를 부탁드립니다. :hugs:

:pytorch:파이토치 한국 사용자 모임:south_korea:이 정리한 이 글이 유용하셨나요? 회원으로 가입하시면 주요 글들을 이메일:love_letter:로 보내드립니다! (기본은 Weekly지만 Daily로 변경도 가능합니다.)

:wrapped_gift: 아래:down_right_arrow:쪽에 좋아요:+1:를 눌러주시면 새로운 소식들을 정리하고 공유하는데 힘이 됩니다~ :star_struck:

1개의 좋아요