Windows下Cline配置playwright-mcp-server实现智能化测试

导语：

这篇文章里进一步以Cline接入playwright-mcp为例，讲解过程中遇到的坑，以及MCP配置。

playwright-mcp安装

在VS Code中安装Cline的步骤就不在这里赘述了，可以参考我之前的文章。
Cline + DeepSeek-V3 代码助手再进化

现在网上提供的教程中，多数是通过MCP社区，例如pulsemcp，或者是直接在GitHub上参考开源项目的说明文档。这两天魔搭也上线最大MCP中文社区，给出了很多国内厂商提供的MCP配置。

以playwright为例 ，以下是三个网站的内容截图。

pulsemcp

GitHub

魔搭社区

接下来该说说坑在哪里了。

大部分的文章里直接就拿着这几个网站给的示例，进行配置了，甚至还有些会告诉你可以直接把配置复制到任务里，让Cline自己装。

但实际上如果是Cline下直接使用，你可能就要上了大当了！
实际上你按照这个步骤操作，看到的肯定是这个结果。

我都不知道他们是怎么配置成功的，还是说不知道从哪里抄来，根本不做验证。
在网上再次搜索解决方案，以下是这个错误的原因。

这个配置是给Claude Desktop用的，如果是Windows下Cline必须要进行调整。

还有一种是使用node进行执行，这种方式需要提前安装node_modules。

npm install -g @executeautomation/playwright-mcp-server

然后手工配置命令和参数。

{
  "mcpServers": {
    "@executeautomation-playwright-mcp-server": {
      "disabled": false,
      "timeout": 60,
      "command": "C:\\Program Files\\nodejs\\node.exe",
      "args": [
        "C:\\Users\\"用户名"\\AppData\\Roaming\\npm\\node_modules\\@executeautomation\\playwright-mcp-server\\dist\\index.js",
        "-y",
        "@smithery/cli@latest",
        "run",
        "@executeautomation/playwright-mcp-server",
        "--config",
        "\"{}\""
      ],
      "transportType": "stdio",
      "autoApprove": [
        "playwright_navigate",
        "playwright_evaluate",
        "playwright_fill",
        "playwright_click",
        "playwright_get_visible_text",
        "playwright_save_as_pdf",
        "playwright_press_key",
        "playwright_drag",
        "playwright_go_forward",
        "playwright_go_back",
        "playwright_get_visible_html",
        "start_codegen_session",
        "end_codegen_session"
      ]
    }
  }
}

这里也说下配置文件里得主要参数：

mcpServers（必需）: 定义所有MCP服务器的集合。
server_name（自定义）: 服务标识(如filesystem、fetch等）。
transportType（必需）: 服务类型，支持:
stdio:本地进程通信（如Python/Node.js脚本）。
sse:远程Server-Sent Events API（需URL）。
command（必需）: 启动命令(如python script.py）。
args（必需）：命令所需参数。

Cline中的对应配置：

disabled：是否启用。
timeout：超时配置，单位秒。
autoApprove：是否自动执行。
配置完成后，如果连接正常，会显示绿色原点。同时可以查看mcp提供的详细服务，也可以在可视化界面中直接配置“自动批准”，修改后会自动同步配置。

Cline内部也提供了市场，可以直接安装，部分直接安装失败的就需要手工处理了。

配置完成后，可以直接在交换界面测试了，比如“打开百度网页”。

可以看到，大模型使用了Chromium打开了网页。