现在很多 playwright MCP 的例子，不过很多都云里雾里，而且不涉及实际的windows 实例。这里记录下 windows playwright MCP 使用。

前提： 安装 playwright

npm install -g @playwright/mcp@latest

cursor + playwright MCP

1. 增加 playwright mcp服务
2. 文件→首选项→cursor setting →mcp →  add new global mcp server
3. json配置中添加配置：

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

4. 保存，重启下cursor。 cursor 修改mcp配置后需要重启才能生效。
5. 运行一下看看效果

汇总

使用cursor  ：

因为cursor开了会员，这里直接使用cursor的模型就可以直接使用了。

如果是其它的，则设置下模型api  以及密钥。

如果windows 添加了playwright mcp服务后提示client异常情况，则需要进行如下配置

windows系统安装，要规避两个坑

第一个坑：npx 包加载路径应该加入搜索路径

也就是要将全局安装的相关包，放到nodejs的搜索路径中。做法是在windows系统的环境变量中，把npm包目录加入path中，并放到nodejs之前

第二个坑：修改mcp命令行调用命令

cursor中调用npx，其实是通过命令行调用的，但windows系统下，直接通过命令行调用npx，cursor本身并不能拿到调用状态，所以这里要用 cmd /c 命令调用, 获取命令句柄

也就是上面的配置文件，修改成：

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

参考：

https://zhuanlan.zhihu.com/p/1891910555113079264https://zhuanlan.zhihu.com/p/1891910555113079264

playwright 二次开发

告别Selenium！Playwright-MCP浏览器自动化新选择-杂谈-何三笔记