클라우드 브라우저 MCP 서버

시험

1. npm install 실행하여 필요한 종속성을 설치한 다음, npm run build 실행하여 dist/index.js 가져옵니다.

2. npm run inspector 실행하여 서버를 시작합니다.

Related MCP server: MCP Fetch With Proxy

시작하기

1. npm install 실행하여 필요한 종속성을 설치한 다음, npm run build 실행하여 dist/index.js 가져옵니다.

2. 서버를 사용하려면 Claude Desktop 구성을 설정하세요.

지엑스피1

3. Claude Desktop 앱을 다시 시작하면 🔨 아이콘을 클릭하면 사용 가능한 도구가 표시됩니다.

4. 도구를 사용해 보세요! 아래는 Claude가 브라우저 세션을 닫는 모습입니다.

npm 사용하기

{
  "mcpServers": {
    "cloudbrowser": {
      "command": "cmd",
      "args": [
        "/c", 
        "npx", 
        "-y", 
        "@browsercloud/mcp-server-cloudbrowser"
      ],
      "env": {
        "API_KEY": "<YOUR_BROWSERBASE_API_KEY>"
      },
      "transportType": "stdio"
    }
  }
}

도구

브라우저베이스 API

• 클라우드브라우저_네비게이트

  • 브라우저에서 모든 URL로 이동합니다.

  • 입력: url (문자열)

• 클라우드브라우저_평가

  • 브라우저 콘솔에서 JavaScript 실행

  • 입력: script (문자열): 실행할 JavaScript 코드

• 클라우드브라우저_현재_URL을_가져오기

  • 브라우저 페이지의 현재 URL을 검색합니다

• 클라우드브라우저_스크린샷

  • 전체 페이지 또는 특정 요소의 스크린샷을 캡처합니다.

  • 입력:

    • name (문자열, 필수): 스크린샷의 이름

    • selector (문자열, 선택 사항): 스크린샷을 찍을 요소에 대한 CSS 선택기

    • width (숫자, 선택 사항, 기본값: 800): 스크린샷 너비

    • height (숫자, 선택 사항, 기본값: 600): 스크린샷 높이

• 클라우드브라우저_클릭

  • 페이지의 요소를 클릭하세요

  • 입력: selector (문자열): 클릭할 요소에 대한 CSS 선택기

• 클라우드브라우저_채우기

  • 입력 필드를 작성하세요

  • 입력:

    • selector (문자열): 입력 필드에 대한 CSS 선택기

    • value (문자열): 채울 값

• 클라우드브라우저_텍스트_받기

  • 현재 페이지에서 모든 콘텐츠 추출

  • 입력: selector (문자열, 선택 사항): 특정 요소에서 콘텐츠를 가져오는 CSS 선택기

자원

서버는 두 가지 유형의 리소스에 대한 액세스를 제공합니다.

2. 스크린샷 ( screenshot://<name> )

   • 캡처된 스크린샷의 PNG 이미지

   • 캡처 중에 지정된 스크린샷 이름을 통해 접근 가능