Playwright MCP
P

Playwright MCP

该项目利用Playwright进行自动化浏览器测试,并与Cloudflare Workers、Browser Rendering和@cloudflare/playwright集成部署,支持通过AI助手进行网页交互操作。
2.5分
6.5K

什么是Cloudflare Playwright MCP?

Cloudflare Playwright MCP是一个基于Playwright的自动化浏览器操作工具,支持开发者通过模型生成指令来完成网页交互任务。它能够帮助用户实现如截图、点击、输入等操作,广泛应用于测试、AI协作等领域。

如何使用Cloudflare Playwright MCP?

只需部署服务器并配置模型连接即可开始使用。通过简单的指令触发工具执行操作,例如导航到特定页面或进行截图。

适用场景

适合需要频繁进行网页交互或自动化测试的场景,例如网站监控、数据抓取、智能客服等。

主要功能

自动化浏览器操作
支持多种浏览器操作,如点击、输入、拖拽等。
工具模式切换
提供快照模式(默认)和视觉模式两种交互方式,满足不同需求。
多工具支持
内置多个实用工具,包括截图、上传文件、保存PDF等。
优势
强大的自动化能力,提升工作效率。
兼容多种设备和浏览器。
简单易用,无需复杂配置。
局限性
对网络环境有一定依赖。
部分高级功能可能需要额外付费。

如何使用

安装依赖
在项目目录下运行 `npm ci` 安装所需依赖。
构建项目
进入 `cloudflare` 文件夹后执行 `npm run build`。
部署到Cloudflare Workers
使用 `wrangler` 工具进行部署。

使用案例

打开TodoMVC示例并添加待办事项
模拟用户打开TodoMVC示例应用,并创建新的待办事项。
执行一系列浏览器操作
从打开页面到最终截图,展示完整的操作流程。

常见问题

如何启动Cloudflare Playwright MCP服务器?
是否支持自定义工具?

相关资源

官方文档
Cloudflare官方文档中心。
GitHub仓库
开源项目源码地址。
教程视频
快速入门指南。

安装

复制以下命令到你的Client进行配置
{
  "mcpServers": {
    "cloudflare-playwright-mcp": {
      "command": "npx",
      "args": [
        "mcp-remote",
        "https://[my-mcp-url].workers.dev/sse"
      ]
    }
  }
}
注意:您的密钥属于敏感信息,请勿与任何人分享。

替代品

M
MCP
微软官方MCP服务器,为AI助手提供最新微软技术文档的搜索和获取功能
8.7K
5分
A
Aderyn
Aderyn是一个开源的Solidity智能合约静态分析工具,由Rust编写,帮助开发者和安全研究人员发现Solidity代码中的漏洞。它支持Foundry和Hardhat项目,可生成多种格式报告,并提供VSCode扩展。
Rust
5.9K
5分
D
Devtools Debugger MCP
Node.js调试器MCP服务器,提供基于Chrome DevTools协议的完整调试功能,包括断点设置、单步执行、变量检查和表达式评估等
TypeScript
5.4K
4分
S
Scrapling
Scrapling是一个自适应网页抓取库,能自动学习网站变化并重新定位元素,支持多种抓取方式和AI集成,提供高性能解析和开发者友好体验。
Python
7.8K
5分
M
Mcpjungle
MCPJungle是一个自托管的MCP网关,用于集中管理和代理多个MCP服务器,为AI代理提供统一的工具访问接口。
Go
0
4.5分
C
Cipher
Cipher是一个专为编程AI代理设计的开源记忆层框架,通过MCP协议与各种IDE和AI编码助手集成,提供自动记忆生成、团队记忆共享和双系统记忆管理等核心功能。
TypeScript
0
5分
N
Nexus
Nexus是一个AI工具聚合网关,支持连接多个MCP服务器和LLM提供商,通过统一端点提供工具搜索、执行和模型路由功能,支持安全认证和速率限制。
Rust
0
4分
S
Shadcn Ui MCP Server
一个为AI工作流提供shadcn/ui组件集成的MCP服务器,支持React、Svelte和Vue框架,包含组件源码、示例和元数据访问功能。
TypeScript
12.1K
5分
F
Firecrawl MCP Server
Firecrawl MCP Server是一个集成Firecrawl网页抓取能力的模型上下文协议服务器,提供丰富的网页抓取、搜索和内容提取功能。
TypeScript
96.4K
5分
D
Duckduckgo MCP Server
已认证
DuckDuckGo搜索MCP服务器,为Claude等LLM提供网页搜索和内容抓取服务
Python
56.6K
4.3分
F
Figma Context MCP
Framelink Figma MCP Server是一个为AI编程工具(如Cursor)提供Figma设计数据访问的服务器,通过简化Figma API响应,帮助AI更准确地实现设计到代码的一键转换。
TypeScript
56.6K
4.5分
M
Minimax MCP Server
MiniMax Model Context Protocol (MCP) 是一个官方服务器,支持与强大的文本转语音、视频/图像生成API交互,适用于多种客户端工具如Claude Desktop、Cursor等。
Python
45.4K
4.8分
B
Baidu Map
已认证
百度地图MCP Server是国内首个兼容MCP协议的地图服务,提供地理编码、路线规划等10个标准化API接口,支持Python和Typescript快速接入,赋能智能体实现地图相关功能。
Python
37.7K
4.5分
E
Exa Web Search
已认证
Exa MCP Server是一个为AI助手(如Claude)提供网络搜索功能的服务器,通过Exa AI搜索API实现实时、安全的网络信息获取。
TypeScript
39.0K
5分
C
Context7
Context7 MCP是一个为AI编程助手提供实时、版本特定文档和代码示例的服务,通过Model Context Protocol直接集成到提示中,解决LLM使用过时信息的问题。
TypeScript
72.3K
4.7分
E
Edgeone Pages MCP Server
EdgeOne Pages MCP是一个通过MCP协议快速部署HTML内容到EdgeOne Pages并获取公开URL的服务
TypeScript
24.4K
4.8分
AIBase
智启未来,您的人工智能解决方案智库
© 2025AIBase