Skip to main content

Tedshd's Dev note

Category: MCP

Claude MCP 瀏覽器自動化:Playwright 與 Chrome DevTools 指南

## Claude MCP 安裝與使用指南 # 什麼是 MCP MCP(Model Context Protocol)是一個開放協議,讓 Claude 能夠連接外部工具和資料來源,例如瀏覽器自動化、檔案系統存取、API 整合等。 # 確認已安裝的 MCP ## Claude Code(命令列) # 列出所有已設定的 MCP 伺服器 claude mcp list # 查看特定伺服器的詳細資訊 claude mcp get <server-name> # 在 Claude Code 互動模式中檢查伺服器狀態 /mcp ## Claude Desktop(桌面應用程式) 設定檔位置: macOS:~/Library/Application Support/Claude/claude_desktop_config.json Windows:%APPDATA%\Claude\claude_desktop_config.json 成功連線後,在對話輸入框的右下角會看到 MCP 伺服器指示器。 # MCP 安裝範圍 範圍 說明 參數 local 僅當前專案目錄可用(預設) 無需參數 project 專案層級,可與團隊共享 -s project user 全域,所有專案都可用 -s user ## 安裝為全域 claude mcp add -s user <server-name> <command> # 安裝 Playwright MCP Playwright MCP 提供瀏覽器自動化功能,適合 UI 測試、截圖、填表單、網頁爬取等任務。 ...