0. 前言

Playwright 是由微软开发的一款现代化、开源浏览器自动化框架，主要用于 Web 应用的端到端测试，同时也支持网页爬虫、自动化任务等场景。
而使用Playwright MCP，则可以在不了解Playwright的情况下，借助AI大模型，就具备调用Playwright的能力。

本文环境

  • Trae IDE 版本 : 0.6.8
  • 电脑系统 : Windows11
  • Node.Js版本 : 22.17.0 (nxp版本:10.9.2)
  • Python版本 : 3.13.0
  • uvx版本 : 0.7.20
  • 命令行工具 : PowerShell

1. 安装Trae

Trae下载地址

2. 配置 MCP Sever 的运行环境

2.1 安装python3

下载地址 https://www.python.org/downloads/

确认是否安装成功

python --version

在这里插入图片描述

2.2 安装 uv（包含 uvx）

在这里插入图片描述

加载 uvx 所需的运行时环境变量和初始化配置

注意 这里的C:\Users\Admin需要改为你电脑上的路径

$env:Path = "C:\Users\Admin\.local\bin;$env:Path"

验证uvx 是否安装成功

uvx --version

在这里插入图片描述

2.3 安装Node.js

官网下载地址

验证是否安装成功

node -v
npx -v

这里要用cmd命令行工具 , 使用powershell会报错
在这里插入图片描述

2.4 重启Trae IDE

重启Trae IDE以使Node.js生效

3. 安装 Playwright

pip3 install playwright

在这里插入图片描述

安装 Playwright 所需的浏览器

python -m playwright install

在这里插入图片描述

4. 添加 Playwright MCP

在Tare中添加Playwright MCP
在这里插入图片描述
搜索PlayWright , 选择官方认证的那个
在这里插入图片描述
直接使用默认的Json就可以 , 点击 确认 即可
在这里插入图片描述

5. 创建智能体

创建自定义智能体并为其配置 Playwright
在这里插入图片描述
填写好名称、提示词 , 勾选 “Playwright MCP” , 然后点击 “创建” 按钮 , 完成智能体的创建

在这里插入图片描述

6. 开始使用

回到对话框 , 选择 我们刚才创建的 “网页测试助手” 智能体

在这里插入图片描述
输入文本

打开 https://www.csdn.net/ , 并查找所有h3标签的代码

会自动打开网站去查找 , 效果如下

在这里插入图片描述

# MCP # 浏览器
Logo
火山引擎 ADG 社区

火山引擎开发者社区是火山引擎打造的AI技术生态平台，聚焦Agent与大模型开发，提供豆包系列模型（图像/视频/视觉）、智能分析与会话工具，并配套评测集、动手实验室及行业案例库。社区通过技术沙龙、挑战赛等活动促进开发者成长，新用户可领50万Tokens权益，助力构建智能应用。

更多推荐

OpenClaw 本地部署完整指南（Windows + Ollama）

本文档基于实际部署经验编写，旨在帮助你在 Windows 系统上从零开始搭建 OpenClaw，并连接本地 Ollama 模型（如 Qwen2.5 或 Qwen3），使其具备完整的智能体能力。文档包含了所有关键步骤以及常见问题的解决方案。

avatar 火山引擎 ADG 社区

OpenClaw 小白安装指南（Windows版）

（类似一个能自动执行任务的AI机器人），不是游戏。API Key只保存在你本地电脑的加密文件里，不会上传到任何地方。访问：https://github.com/miaoxworld/openclaw-manager/releases。: 一键安装脚本会自动安装Node.js 22+，如果失败，手动下载安装：https://nodejs.org/：在PowerShell中，鼠标右键就是粘贴，不需要按

avatar 火山引擎 ADG 社区

飞书 × OpenClaw 接入指南：不用服务器，用长连接把机器人跑起来

这个项目存在的意义，就是把“飞书接 OpenClaw”这件事，整理成一套的配置入口，并把官方文档没覆盖到的坑集中写成排查清单。先说清楚它的角色：OpenClaw 现在已经内置官方飞书插件 @openclaw/feishu，功能更完整、维护也更及时。，说明飞书 + AI 的接入已经走通。另外，仓库也推荐了一个新项目：把 OpenClaw 变成“多 Agent 团队”，用多个 Agent 分工，Sla

avatar 火山引擎 ADG 社区