MCP Playwright 在 Linux 环境下通过 Cline 扩展的使用指南

MCP Playwright 是一个基于 Playwright 的自动化测试工具，它可以通过 Cline VS Code 扩展在 Linux 桌面环境中使用。本文将详细介绍如何在 Linux 系统上正确配置和使用这一组合工具。

环境变量配置要点

在 Linux 环境下运行 MCP Playwright 时，需要特别注意显示相关的环境变量设置。这是因为 Playwright 需要知道如何连接到 X 服务器来启动浏览器窗口。最基本的配置是设置 DISPLAY 环境变量：

{
  "playwright": {
    "command": "npx",
    "args": ["-y", "@executeautomation/playwright-mcp-server"],
    "env": {
      "DISPLAY": ":0"
    }
  }
}

这个配置告诉 Playwright 使用主显示器（:0）来显示浏览器窗口。对于大多数标准 Linux 桌面环境，这个设置已经足够。

常见问题解决方案

用户在使用过程中可能会遇到以下错误：

Error executing MCP tool: {"issues":[{"code":"invalid_type","expected":"array","received":"undefined","path":["content"],"message":"Required"}],"name":"ZodError"}

这个错误通常表明 MCP 服务器返回的数据格式不符合预期。在最新版本（v0.2.7）中，这个问题已经得到修复。如果遇到此问题，建议升级到最新版本。

高级配置选项

对于更复杂的 Linux 环境，如 WSL2 或 Wayland 显示服务器，可能需要更全面的环境变量配置：

async function ensureBrowser() {
  if (!browser) {
    browser = await chromium.launch({ 
      headless: false,
      env: {
        DISPLAY: ":0",
        WAYLAND_DISPLAY: "wayland-0",
        XDG_RUNTIME_DIR: "/mnt/wslg/runtime-dir",
        PULSE_SERVER: "/mnt/wslg/PulseServer"
      }
    });
    const context = await browser.newContext();
    page = await context.newPage();
  }
  return page;
}

这个配置包含了：

• 标准 X11 显示设置
• Wayland 显示服务器支持
• WSLg 运行时目录配置
• 音频服务器路径

最佳实践建议

1. 版本控制：始终使用最新版本的 MCP Playwright 以获得最佳兼容性和功能支持。

2. 环境隔离：考虑使用容器化技术（如 Docker）来封装运行环境，确保一致性。

3. 日志记录：配置详细的日志输出，便于调试和问题追踪。

4. 资源管理：确保在测试完成后正确关闭浏览器实例，避免资源泄漏。

通过以上配置和建议，开发者可以在 Linux 环境下充分利用 MCP Playwright 和 Cline 扩展的强大功能，实现高效的自动化测试和开发工作流程。