ClaudeMap

Playwright MCP

微软出品的 Playwright MCP 服务器，浏览器自动化。

MCP 服务器microsoftplaywrightbrowser
访问项目microsoft/playwright-mcp

把 Playwright 的无障碍树与动作暴露给 MCP 客户端，让 Claude 按意图而非坐标操作网页。

它做什么

  • 基于无障碍树操作——Claude 按 role / label 点击，不依赖脆弱的 CSS 选择器
  • Snapshot + ref 工作流：拿一次无障碍快照，按 ref 定位元素再点击
  • Tab 管理（新建 / 选择 / 列出）+ 导航（前进 / 后退 / 刷新）
  • 表单交互：fill、type、select_option、check/uncheck、文件上传
  • 截图、控制台日志捕获、页面内 JavaScript 求值

什么时候用

最适合设计变更频繁的 UI 测试（无 selector 脆弱性）、无 API 的 SaaS 表单填写、结构多变的网页抓取。与 Computer Use 配合做分层自动化——稳定流程用 Playwright，无障碍树坏了用 Computer Use 兜底。

如何上手

npx -y @playwright/mcp@latest

在 .mcp.json 或 ~/.claude.json 的 mcpServers.playwright 下加这条。可选参数 --browser（chromium / firefox / webkit / msedge）与 --executable-path。

注意事项

默认驱动 Chromium 系与 WebKit — Firefox 用 --browser firefox 但稳定性弱一些。对抗 bot 检测强的站点（Cloudflare、DataDome）会拦截内嵌浏览器；这类场景用带真实 user profile 的 Chromium 启动。

代码仓库

microsoft/playwright-mcp

收录日期

地图上的相关资源

  • Exa MCP

    MCP 服务器

    Exa 官方 MCP 服务器——把实时网页搜索、抓取与深度研究接进 Claude。

    • official
    • search
    • web
    • mcp
    查看

  • Chrome DevTools MCP

    MCP 服务器

    Chrome DevTools 官方 MCP 服务器——给编程 agent 接上性能追踪、网络检查与实时调试。

    • official
    • chrome
    • debugging
    • browser
    查看

  • Vercel MCP Handler

    MCP 服务器

    Vercel 官方 handler——在 Next.js、Nuxt、Svelte 等框架里快速起一个 MCP server。

    • deploy
    • vercel
    • serverless
    • edge
    查看