BAIZE AI RESOURCE

AI 网页操作 MCP 服务

Playwright-mcp

Playwright MCP 是一款基于 Playwright 的浏览器自动化 MCP 服务器，让支持 MCP 的 AI 客户端读取网页结构并执行交互。它帮助用户在无需视觉模型识别截图的情况下，让 AI 逐步探索和操作网页。

获取资源
Playwright-mcp

资源介绍

Playwright MCP 是 Microsoft 提供的 MCP 服务器，让支持 MCP 的 AI 客户端通过 Playwright 与网页交互。它主要面向希望让 AI 执行浏览器操作的开发者或自动化用户：客户端获取页面的结构化无障碍快照，再依据页面结构决定下一步操作，而不是依靠截图和视觉模型识别。对于需要持续查看页面状态、逐步探索交互流程的任务，MCP 连接可以保留浏览器上下文。使用时需准备 Node.js 18 或更新版本，并在客户端中配置通过 npx 启动服务器；README 提供了 Claude Code、Codex 等客户端的接入方式。

MCP 能力

AI 浏览器操作

通过 MCP 向 AI 客户端提供 Playwright 浏览器自动化能力，让 AI 在网页中执行交互操作。

结构化页面读取

向 AI 提供网页的结构化无障碍快照，帮助其依据页面元素理解网页，无需依赖截图或视觉模型。

连续网页探索

MCP 方式可在连续操作中保留浏览器上下文，适合需要反复查看页面结构并调整操作的探索式流程。

资源配置

支持客户端

Claude DesktopClaude CodeCursorVS CodeCodex其他 MCP Client

安装方式

NPX

配置方式

JSON配置命令行GUI

运行环境

Node.jsDocker本地系统

安装与配置

  1. 准备 Node.js 18 或更新版本，以及支持 MCP 的客户端。

  2. 在客户端添加 MCP 服务器，将启动命令设为 `npx`，参数设为 `@playwright/mcp@latest`；Claude Code 也可运行 `claude mcp add playwright npx @playwright/mcp@latest`。

  3. 连接服务器后，在客户端中提出网页操作任务，让 AI 根据页面的结构化无障碍信息逐步与网页交互。

使用案例

探索网页交互

使用场景开发者需要让 AI 了解网页结构并执行浏览器操作

开发者在已配置 Playwright MCP 的 MCP 客户端中，让 AI 访问目标网页并依据页面的结构化无障碍信息逐步操作，用于探索页面交互流程。

包含内容

playwright-mcp-source.zip
README-中文安装说明.md
LICENSE-Apache-2.0.txt
SHA256.txt

常见问题

运行 Playwright MCP 需要什么环境？
需要 Node.js 18 或更新版本，并在支持 MCP 的客户端中配置运行 `@playwright/mcp@latest`。
如何将 Playwright MCP 添加到 Claude Code 或 Codex？
在 Claude Code 中可运行 `claude mcp add playwright npx @playwright/mcp@latest`；在 Codex 中可运行 `codex mcp add playwright npx "@playwright/mcp@latest"`。
Playwright MCP 是否需要视觉模型识别网页？
不需要视觉模型。Playwright MCP 使用页面的结构化无障碍快照，而不是依靠截图识别页面。