Trae或者Qoder
 

1、chrome的Playwright mcp的扩展一定要安装
https://github.com/microsoft/playwright-mcp/blob/main/extension/README.md
https://github.com/microsoft/playwright-mcp/releases

2、安装之后点击该扩展，有mcp的安装配置，复制
 

3、在Trae或者Qoder中添加即可

注意事项

编辑器报错1
无法解析 shell 环境: 来自生成的 shell 的意外退出代码(代码 9、信号 null)

检查 ~/.bash_profile是否配置了如下的代码，有的话删掉。source ~/.bash_profile，退出重新打开编辑器，报错就没有了。如果zsh，那就操作~/.zshrc

export NODE_OPTIONS=--openssl-legacy-provider

编辑器报错2

Failed to use extension with "ReferenceError: crypto is not defined"

https://github.com/microsoft/playwright-mcp/issues/924
确保，node升级到了24

# chrome
Logo
MCP技术社区

欢迎加入 MCP 技术社区！与志同道合者携手前行，一同解锁 MCP 技术的无限可能！

更多推荐

cover

OpenClaw 多模型调度实战：智能路由策略与成本优化

avatar MCP技术社区
cover

自建 MCP 浏览器自动化服务：给 AI Agent 装上“能登录的手“

avatar MCP技术社区

MCP 协议第五次更新，AI Agent 的“USB 接口“走到哪一步了

这个类比其实比"AI 的 USB 接口"更准确，USB 解决的是硬件接口的物理和协议标准，MCP 解决的是 Agent 和工具之间的会话层协议，工具怎么注册、参数怎么声明、返回结果怎么结构化、资源怎么读取、提示词模板怎么分发，这些在 MCP 之前每个框架都有自己的一套写法，LangChain 有 LangChain Tools，AutoGen 有 AutoGen 的 function callin

avatar MCP技术社区