VM

vikashloomba/mcp-server-playwright

浏览器自动化

本页由 AI 翻译,技术细节请以原文为准。 查看原文

297 stars 52 forks 质量 68 趋势 18MIT

vikashloomba/mcp-server-playwright 是从 https://github.com/vikashloomba/mcp-server-playwright. 导入的 MCP 服务器候选程序。

概览

vikashloomba/mcp-server-playwright 是从 https://github.com/vikashloomba/mcp-server-playwright. 导入的 MCP 服务器候选程序。

概述(AI 翻译)

MCP 服务器 Playwright

一个模型上下文协议服务器,利用Playwright提供浏览器自动化功能 使LLM能够与网页交互、截图并在真实浏览器环境中执行JavaScript

目录

  • 特色
  • 安装
  • 配置
  • 组成部分
  • 工具
  • 资源
  • 许可证

特色

  • 🌐 完整的浏览器自动化功能
  • 📸 截图捕捉整页或特定元素
  • 🖱️ 全面的网页交互(导航、点击、表单填写)
  • 📊 控制台日志监控
  • 🔧 浏览器环境中的JavaScript执行

安装

通过Smithery安装

通过 Smithery 自动安装 MCP Server Playwright for Claude Desktop:

你可以用 npx 或 mcp-get 来安装该软件包:

使用NPX:

该命令将:

  1. 检查你的操作系统兼容性(Windows/macOS)
  2. 创建或更新 Claude 配置文件
  3. 配置Playwright服务器集成

配置文件将在以下位置自动创建/更新:

  • 窗口:%APPDATA%\Claude\claude_desktop_config.json
  • macOS:'~/库/应用支持/Claude/claude_desktop_config。

本页由 AI 翻译,技术细节请以原文为准。

README

以下为原文 README 节选,完整内容请查看原文。

MCP Server Playwright

A Model Context Protocol server that provides browser automation capabilities using Playwright Enable LLMs to interact with web pages, take screenshots, and execute JavaScript in a real browser environment

Table of Contents

Features

  • 🌐 Full browser automation capabilities
  • 📸 Screenshot capture of entire pages or specific elements
  • 🖱️ Comprehensive web interaction (navigation, clicking, form filling)
  • 📊 Console log monitoring
  • 🔧 JavaScript execution in browser context

Installation

Installing via Smithery

To install MCP Server Playwright for Claude Desktop automatically via Smithery:

npx -y @smithery/cli install @automatalabs/mcp-server-playwright --client claude

You can install the package using either npx or mcp-get:

Using npx:

npx @automatalabs/mcp-server-playwright install

This command will:

  1. Check your operating system compatibility (Windows/macOS)
  2. Create or update the Claude configuration file
  3. Configure the Playwright server integration

The configuration file will be automatically created/updated at:

  • Windows: %APPDATA%\Claude\claude_desktop_config.json
  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json

Using mcp-get:

npx @michaellatman/mcp-get@latest install @automatalabs/mcp-server-playwright

Configuration

The installation process will automatically add the following configuration to your Claude config file:

{
  "mcpServers": {
在 GitHub 查看完整 README

安装

npx -y @automatalabs/mcp-server-playwright
新手?先看 mcpskill.org 教程 →

配置

{ "mcpServers": { "playwright": { "command": "npx", "args": ["-y", "@automatalabs/mcp-server-playwright"] } } }