浏览器自动化服务

您还可以使用VS Code CLI安装Playwright MCP服务器：

# For VS Code
code --add-mcp '{"name":"playwright","command":"npx","args":["@playwright/mcp@latest"]}'

安装后，Playwright MCP服务器将可用于VS Code中的GitHub Copilot代理。

单击按钮安装：

或手动安装：

首选 Cursor Settings -> MCP -> Add new MCP Server.按你的喜好命名，使用 command 使用命令键入 npx @playwright/mcp。您还可以通过单击来验证配置或添加类似命令的参数 Edit.

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

关注Windsurf MCP 文档.使用以下配置：

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

遵循MCP安装 指南，使用以下配置：

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

使用Claude Code CLI添加Playwright MCP服务器：

claude mcp add playwright npx @playwright/mcp@latest

单击按钮安装：

或手动安装：

首选 Advanced settings -> Extensions -> Add custom extension.按你的喜好命名，使用类型 STDIO，并设置 command 到 npx @playwright/mcp。单击“添加扩展名”。

打开 Qodo Gen VSCode或IntelliJ中的聊天面板→ 连接更多工具→ + 添加新MCP→ 粘贴以下配置：

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

点击 保存.

遵循MCP安装 指南，使用以下配置：

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

注： Docker实现目前只支持无头铬。

{
  "mcpServers": {
    "playwright": {
      "command": "docker",
      "args": ["run", "-i", "--rm", "--init", "--pull=always", "mcr.microsoft.com/playwright/mcp"]
    }
  }
}

你可以自己构建Docker镜像。

docker build -t mcr.microsoft.com/playwright/mcp .

• 浏览器快照
  • 标题：页面快照
  • 描述：捕获当前页面的可访问性快照，这比截图更好
  • 参数：无
  • 只读： 真

• 浏览器点击
  • 标题：点击
  • 描述：在网页上执行点击操作
  • 参数：
    • element （string）：人类可读的元素描述，用于获得与元素交互的权限
    • ref （string）：页面快照中的精确目标元素引用
    • doubleClick （布尔值，可选）：是否执行双击而不是单击
  • 只读： 错误的

• browser_drag
  • 标题：拖动鼠标
  • 说明：在两个元素之间执行拖放操作
  • 参数：
    • startElement （string）：人类可读的源元素描述，用于获得与元素交互的权限
    • startRef （string）：页面快照中的精确源元素引用
    • endElement （string）：人类可读的目标元素描述，用于获得与元素交互的权限
    • endRef （string）：页面快照中的精确目标元素引用
  • 只读： 错误的

• 浏览器切换
  • 标题：鼠标悬停
  • 描述：将鼠标悬停在页面上的元素上
  • 参数：
    • element （string）：人类可读的元素描述，用于获得与元素交互的权限
    • ref （string）：页面快照中的精确目标元素引用
  • 只读： 真

• 浏览器类型
  • 标题：键入文本
  • 说明：在可编辑元素中键入文本
  • 参数：
    • element （string）：人类可读的元素描述，用于获得与元素交互的权限
    • ref （string）：页面快照中的精确目标元素引用
    • text （string）：要在元素中键入的文本
    • submit （布尔值，可选）：是否提交输入的文本（之后按Enter键）
    • slowly （boolean，可选）：是否一次键入一个字符。可用于触发页面中的密钥处理程序。默认情况下，一次填写整个文本。
  • 只读： 错误的

• 浏览器选择选项
  • 标题：选择选项
  • 说明：在下拉列表中选择一个选项
  • 参数：
    • element （string）：人类可读的元素描述，用于获得与元素交互的权限
    • ref （string）：页面快照中的精确目标元素引用
    • values （array）：在下拉列表中选择的值数组。这可以是单个值或多个值。
  • 只读： 错误的

• browser_press_key
  • 标题：按键
  • 说明：按键盘上的一个键
  • 参数：
    • key （string）：要按的键的名称或要生成的字符，例如 ArrowLeft 或 a
  • 只读： 错误的

• 浏览器等待
  • 标题：等待
  • 描述：等待文本出现或消失或经过指定时间
  • 参数：
    • time （数字，可选）：等待时间（秒）
    • text （string，可选）：等待的文本
    • textGone （string，可选）：等待消失的文本
  • 只读： 真

• 浏览器文件上传
  • 标题：上传文件
  • 说明：上传一个或多个文件
  • 参数：
    • paths （array）：要上传的文件的绝对路径。可以是单个文件或多个文件。
  • 只读： 错误的

• 浏览器处理对话框
  • 标题：处理对话框
  • 描述：处理对话框
  • 参数：
    • accept （boolean）：是否接受对话。
    • promptText （string，可选）：提示对话框中的提示文本。
  • 只读： 错误的

• 浏览器导航
  • 标题：导航到URL
  • 描述：导航到URL
  • 参数：
    • url （string）：要导航到的URL
  • 只读： 错误的

• 浏览器导航返回
  • 标题：返回
  • 说明：返回上一页
  • 参数：无
  • 只读： 真

• 浏览器导航转发
  • 标题：前进
  • 说明：转到下一页
  • 参数：无
  • 只读： 真

• browser_take_screenshot
  • 标题：截图
  • 描述：截取当前页面的屏幕截图。您无法根据屏幕截图执行操作，请使用browser_snapshot进行操作。
  • 参数：
    • raw （boolean，可选）：是否返回不压缩（PNG格式）。默认值为false，返回JPEG图像。
    • filename （string，可选）：保存截图的文件名。默认为 page-{timestamp}.{png|jpeg} 如果没有指定。
    • element （string，可选）：人类可读的元素描述，用于获得对元素进行截图的权限。如果没有提供，将对视口进行截图。如果提供了元素，也必须提供ref。
    • ref （string，可选）：页面快照中的精确目标元素引用。如果没有提供，将对视口进行截图。若提供了ref，则也必须提供元素。
  • 只读： 真

• 浏览器_pdf_save
  • 标题：另存为PDF
  • 说明：将页面另存为PDF
  • 参数：
    • filename （字符串，可选）：用于保存pdf的文件名。默认为 page-{timestamp}.pdf 如果没有指定。
  • 只读： 真

• 浏览器网络请求
  • 标题：列出网络请求
  • 描述：返回自加载页面以来的所有网络请求
  • 参数：无
  • 只读： 真

• browser_console_消息
  • 标题：获取控制台消息
  • 说明：返回所有控制台消息
  • 参数：无
  • 只读： 真

• 浏览器安装
  • 标题：安装配置中指定的浏览器
  • 说明：安装配置中指定的浏览器。如果您收到浏览器未安装的错误，请调用此命令。
  • 参数：无
  • 只读： 错误的

• 浏览器_关闭
  • 标题：关闭浏览器
  • 说明：关闭页面
  • 参数：无
  • 只读： 真

• 浏览器大小
  • 标题：调整浏览器窗口大小
  • 说明：调整浏览器窗口大小
  • 参数：
    • width （数字）：浏览器窗口的宽度
    • height （数字）：浏览器窗口的高度
  • 只读： 真

• browser_tab_list
  • 标题：列表选项卡
  • 说明：列出浏览器选项卡
  • 参数：无
  • 只读： 真

• browser_tab_new
  • 标题：打开新选项卡
  • 说明：打开一个新选项卡
  • 参数：
    • url （字符串，可选）：在新选项卡中导航到的URL。如果没有提供，新选项卡将为空。
  • 只读： 真

• 浏览器选项卡选择
  • 标题：选择选项卡
  • 说明：按索引选择选项卡
  • 参数：
    • index （数字）：要选择的选项卡的索引
  • 只读： 真

• browser_tab_close
  • 标题：关闭选项卡
  • 说明：关闭选项卡
  • 参数：
    • index （数字，可选）：要关闭的选项卡的索引。如果未提供，则关闭当前选项卡。
  • 只读： 错误的

• 浏览器生成剧作家测试
  • 标题：生成剧作家测试
  • 描述：为给定场景生成剧作家测试
  • 参数：
    • name （string）：测试的名称
    • description （string）：测试的描述
    • steps （array）：测试步骤
  • 只读： 真

• 浏览器屏幕捕获
  • 标题：截图
  • 描述：截取当前页面的屏幕截图
  • 参数：无
  • 只读： 真

• 浏览器_屏幕_move_mouse
  • 标题：移动鼠标
  • 说明：将鼠标移动到给定位置
  • 参数：
    • element （string）：人类可读的元素描述，用于获得与元素交互的权限
    • x （数字）：X坐标
    • y （数字）：Y坐标
  • 只读： 真

• 浏览器_屏幕_点击
  • 标题：点击
  • 说明：点击鼠标左键
  • 参数：
    • element （string）：人类可读的元素描述，用于获得与元素交互的权限
    • x （数字）：X坐标
    • y （数字）：Y坐标
  • 只读： 错误的

• 浏览器屏幕拖动
  • 标题：拖动鼠标
  • 说明：拖动鼠标左键
  • 参数：
    • element （string）：人类可读的元素描述，用于获得与元素交互的权限
    • startX （数字）：开始X坐标
    • startY （数字）：开始Y坐标
    • endX （数字）：结束X坐标
    • endY （数字）：结束Y坐标
  • 只读： 错误的

• 浏览器屏幕类型
  • 标题：键入文本
  • 说明：键入文本
  • 参数：
    • text （string）：要在元素中键入的文本
    • submit （布尔值，可选）：是否提交输入的文本（之后按Enter键）
  • 只读： 错误的

• browser_press_key
  • 标题：按键
  • 说明：按键盘上的一个键
  • 参数：
    • key （string）：要按的键的名称或要生成的字符，例如 ArrowLeft 或 a
  • 只读： 错误的

• 浏览器等待
  • 标题：等待
  • 描述：等待文本出现或消失或经过指定时间
  • 参数：
    • time （数字，可选）：等待时间（秒）
    • text （string，可选）：等待的文本
    • textGone （string，可选）：等待消失的文本
  • 只读： 真

• 浏览器文件上传
  • 标题：上传文件
  • 说明：上传一个或多个文件
  • 参数：
    • paths （array）：要上传的文件的绝对路径。可以是单个文件或多个文件。
  • 只读： 错误的

• 浏览器处理对话框
  • 标题：处理对话框
  • 描述：处理对话框
  • 参数：
    • accept （boolean）：是否接受对话。
    • promptText （string，可选）：提示对话框中的提示文本。
  • 只读： 错误的