Skip to main content
Glama

playwright-mcp를 어떻게 사용하나요?

npm 버전 문서

소개

playwright-mcp(모델 컨텍스트 프로토콜)는 AI 어시스턴트와 브라우저 자동화 간의 간극을 메우는 강력한 도구입니다. AI 모델이 웹 브라우저와 상호 작용하고, DOM 요소를 검사하고, 사용자 상호작용을 기록하고, 더 높은 정확도로 Playwright 테스트 스크립트를 생성할 수 있도록 지원합니다. 이 가이드는 playwright-mcp를 효과적으로 설정하고 사용하는 방법을 안내합니다.

도구

브라우저 인터페이스에서 사용 가능한 도구:

브라우저 도구 상자

  1. DOM 선택(🎯): 페이지에서 HTML 요소를 선택하고 캡처하려면 클릭하세요. 테스트 케이스의 선택자를 기록하는 데 사용하세요.

  2. 이미지 선택(📸): 특정 요소의 스크린샷을 캡처하세요. 시각적 테스트나 문서화에 유용합니다.

  3. 상호작용 기록(📋): 클릭, 입력, 탐색 등 브라우저 상호작용을 기록합니다. 이러한 상호작용은 자동으로 선택자를 생성하며, Claude나 Cursor와 같은 MCP 클라이언트에 컨텍스트로 전달하여 테스트 케이스 작성에 도움을 줄 수 있습니다.

MCP 명령

  1. init-browser : Playwright 브라우저를 초기화합니다.

  2. get-context : 테스트 케이스를 작성하는 데 사용될 웹사이트 컨텍스트를 가져옵니다.

  3. execute-code : 현재 페이지에 대해 사용자 정의 Playwright JS 코드를 실행합니다.

  4. get-screenshot : 현재 페이지의 스크린샷을 가져옵니다

  5. get-full-dom : 현재 페이지의 전체 DOM을 가져옵니다. (대신 get-context 사용하는 것이 좋습니다.)

자세히 알아보기

더 자세히 알고 싶으신가요? 전체 문서를 확인해 보세요.

📖

Related MCP Servers

  • A
    security
    A
    license
    A
    quality
    A MCP server that provides browser automation tools, allowing users to navigate websites, take screenshots, click elements, fill forms, and execute JavaScript through Playwright.
    Last updated -
    8
    1
    Apache 2.0
    • Apple
  • A
    security
    F
    license
    A
    quality
    Playwright wrapper for MCP that enables LLM-powered clients to control a browser for automation tasks.
    Last updated -
    10
    1
  • A
    security
    A
    license
    A
    quality
    A browser automation server providing Playwright capabilities for controlling web browsers, capturing screenshots, extracting content, and performing complex interactions through an MCP interface.
    Last updated -
    6
    Apache 2.0
    • Apple
  • -
    security
    F
    license
    -
    quality
    A service that provides Playwright browser automation functionality through Model Context Protocol (MCP), allowing clients to use Playwright features via SSE connections.
    Last updated -
    6

View all related MCP servers

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/Ashish-Bansal/playwright-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server