Playwright MCP
P

Playwright MCP

該項目利用Playwright進行自動化瀏覽器測試,並與Cloudflare Workers、Browser Rendering和@cloudflare/playwright集成部署,支持通過AI助手進行網頁交互操作。
2.5分
5.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"
      ]
    }
  }
}
注意:您的密鑰屬於敏感信息,請勿與任何人分享。

替代品

A
Acemcp
Acemcp是一個代碼庫索引和語義搜索的MCP服務器,支持自動增量索引、多編碼文件處理、.gitignore集成和Web管理界面,幫助開發者快速搜索和理解代碼上下文。
Python
7.0K
5分
B
Blueprint MCP
Blueprint MCP是一個基於Arcade生態的圖表生成工具,利用Nano Banana Pro等技術,通過分析代碼庫和系統架構自動生成架構圖、流程圖等可視化圖表,幫助開發者理解複雜系統。
Python
7.4K
4分
M
MCP Agent Mail
MCP Agent Mail是一個為AI編程代理設計的郵件式協調層,提供身份管理、消息收發、文件預留和搜索功能,支持多代理異步協作和衝突避免。
Python
9.4K
5分
M
MCP
微軟官方MCP服務器,為AI助手提供最新微軟技術文檔的搜索和獲取功能
11.7K
5分
A
Aderyn
Aderyn是一個開源的Solidity智能合約靜態分析工具,由Rust編寫,幫助開發者和安全研究人員發現Solidity代碼中的漏洞。它支持Foundry和Hardhat項目,可生成多種格式報告,並提供VSCode擴展。
Rust
10.5K
5分
D
Devtools Debugger MCP
Node.js調試器MCP服務器,提供基於Chrome DevTools協議的完整調試功能,包括斷點設置、單步執行、變量檢查和表達式評估等
TypeScript
9.9K
4分
S
Scrapling
Scrapling是一個自適應網頁抓取庫,能自動學習網站變化並重新定位元素,支持多種抓取方式和AI集成,提供高性能解析和開發者友好體驗。
Python
11.5K
5分
M
Mcpjungle
MCPJungle是一個自託管的MCP網關,用於集中管理和代理多個MCP服務器,為AI代理提供統一的工具訪問接口。
Go
0
4.5分
M
Markdownify MCP
Markdownify是一個多功能文件轉換服務,支持將PDF、圖片、音頻等多種格式及網頁內容轉換為Markdown格式。
TypeScript
24.0K
5分
B
Baidu Map
已認證
百度地圖MCP Server是國內首個兼容MCP協議的地圖服務,提供地理編碼、路線規劃等10個標準化API接口,支持Python和Typescript快速接入,賦能智能體實現地圖相關功能。
Python
29.4K
4.5分
F
Firecrawl MCP Server
Firecrawl MCP Server是一個集成Firecrawl網頁抓取能力的模型上下文協議服務器,提供豐富的網頁抓取、搜索和內容提取功能。
TypeScript
83.0K
5分
S
Sequential Thinking MCP Server
一個基於MCP協議的結構化思維服務器,通過定義思考階段幫助分解複雜問題並生成總結
Python
24.7K
4.5分
E
Edgeone Pages MCP Server
EdgeOne Pages MCP是一個通過MCP協議快速部署HTML內容到EdgeOne Pages並獲取公開URL的服務
TypeScript
18.5K
4.8分
M
Magic MCP
Magic Component Platform (MCP) 是一個AI驅動的UI組件生成工具,通過自然語言描述幫助開發者快速創建現代化UI組件,支持多種IDE集成。
JavaScript
17.0K
5分
N
Notion Api MCP
已認證
一個基於Python的MCP服務器,通過Notion API提供高級待辦事項管理和內容組織功能,實現AI模型與Notion的無縫集成。
Python
13.0K
4.5分
C
Context7
Context7 MCP是一個為AI編程助手提供即時、版本特定文檔和代碼示例的服務,通過Model Context Protocol直接集成到提示中,解決LLM使用過時信息的問題。
TypeScript
56.0K
4.7分
AIBase
智啟未來,您的人工智慧解決方案智庫
© 2025AIBase