工具連接(MCP)
Playwright MCP
讓 AI 打開網頁、點擊按鈕和填寫表單,幫助檢查網站流程。
內容介紹
少裝一點整理 · 依據項目公開文件
想檢查登錄、搜索或下單頁面的操作流程時,可以讓 AI 通過 Playwright 控制瀏覽器。它讀取網頁中的按鈕、文本和表單結構來操作頁面,適合網站開發、界面檢查和重復網頁任務。使用前要把它接入支持 MCP 的 AI 助手,並按項目文件準備執行環境;瀏覽器操作結果仍需要結合實際頁面核對。
開始使用
先核對使用條件,再選擇你的 AI 助手查看接入步驟。
- 需要準備
- Node.js 18 或更新版本。
- 支持 MCP 的本地助手,以及可執行的瀏覽器。
- 費用說明
- 項目程式碼開放原始碼;AI 助手的使用費用與第三方服務額度另計。
- 需要的權限
- 可以讀取網頁、點擊和輸入內容。只在自己允許操作的頁面使用;瀏覽器登錄狀態會影響可存取內容。
Codex有官方接入說明
README 提供 Codex 配置示例,使用本機瀏覽器。
接入步驟
- 打開 README 的 Codex 小節。
- 按該小節把 Playwright 添加到助手的 MCP 配置。
- 重新打開助手,確認 Playwright 工具出現;缺瀏覽器時按官方提示補齊。
怎樣確認接入有效
讓它打開自己的網站並讀取頁面標題,檢查地址和標題是否正確。
官方依據
Claude Code有官方接入說明
README 提供 Claude Code 配置示例,使用本機瀏覽器。
接入步驟
- 打開 README 的 Claude Code 小節。
- 按該小節把 Playwright 添加到助手的 MCP 配置。
- 重新打開助手,確認 Playwright 工具出現;缺瀏覽器時按官方提示補齊。
怎樣確認接入有效
讓它打開自己的網站並讀取頁面標題,檢查地址和標題是否正確。
官方依據
Cursor有官方接入說明
README 提供 Cursor 配置示例,使用本機瀏覽器。
接入步驟
- 打開 README 的 Cursor 小節。
- 按該小節把 Playwright 添加到助手的 MCP 配置。
- 重新打開助手,確認 Playwright 工具出現;缺瀏覽器時按官方提示補齊。
怎樣確認接入有效
讓它打開自己的網站並讀取頁面標題,檢查地址和標題是否正確。
官方依據
官方依據
接入說明核對於 2026-10-12 · 依據公開文件整理,未逐一安裝實測。
可以怎麼用
- 打開網頁並操作按鈕、表單
- 逐步檢查網站交互流程
- 按所用 AI 助手的說明配置瀏覽器工具
官方項目與文件
專案說明譯文
Playwright MCP 伺服器
用途相近的外掛
優先匹配當前外掛的主要用途,再參考共同用途和收藏數;接入方法可能不同。
- Chrome DevTools MCP — 讓 AI 查看 Chrome 中的網頁問題,幫助查錯誤和分析加載速度。
- BrowserTools MCP — 把當前 Chrome 頁面的錯誤、網路請求和截圖交給 AI 排查。
- ExecuteAutomation Playwright MCP — ExecuteAutomation Playwright MCP: 操作瀏覽器中的網頁 (透過支援 MCP 的 AI 助手).