浏览器自动化工具

一个基于Playwright和MCP协议的浏览器自动化工具,提供导航、点击、输入和页面快照等功能。

  • by Praveen7575
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 Praveen7575/MCPAGENTUSINGPLAYWRIGHT

使用说明

MCPAgent使用Playwright

一个实现了模型上下文协议(MCP)服务器的Playwright项目。

设置

  1. 安装依赖项:
cd C:\Users\prave\Documents\MCPAgentUsingPlaywright
npm install
npx playwright install

使用方法

运行测试

npm test

启动MCP服务器

npm start

MCP服务器将启动并提供以下功能:

  • browser.navigate导航到一个网址
  • browser.click点击一个元素
  • browser.type在输入框中输入文本
  • browser.snapshot获取页面的无障碍性快照

示例MCP函数调用:

// Navigate to a URL
await mcp.invoke('browser.navigate', { url: 'https://example.com' });

// Click an element
await mcp.invoke('browser.click', { selector: '#submit-button' });

// Type text
await mcp.invoke('browser.type', { selector: '#search-input', text: 'search query' });

// Get page snapshot
const result = await mcp.invoke('browser.snapshot', {});

项目结构

  • src/server.ts集成Playwright的MCP服务器实现
  • tests/测试脚本文件
  • playwright.config.ts剧作家配置