playwright-mcp入门

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

npm install -g @playwright/mcp

配置-方式1

npx @playwright/mcp@latest --port 8931

{
  "mcpServers": {
    "playwright": {
      "url": "http://localhost:8931/sse",
      "disabled": false,
      "autoApprove": []
    }
  }
}

配置-方式2

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

我这里用的cline

然后给他一个指令,其实可以是淘宝，只不过我电脑很少登录淘宝，现在淘宝不登录不让搜索了

帮我打开百度，然后搜索冷冻猪蹄的价格，告诉我一个市场价

可以试一下这个。没有明确说保存的目录的话，最后会在C:\Users\用户\AppData\Local\Temp\playwright-mcp-output\时间戳\截图.png

请使用Playwright MCP打开百度首页(https://www.baidu.com)，在搜索框中输入"Playwright教程"，点击搜索按钮，然后对结果页面截图并返回给我。
观察执行：AI会自动调用相应的MCP工具函数：
调用playwright_navigate打开百度首页
调用playwright_fill在搜索框输入关键词
调用playwright_click点击搜索按钮
调用playwright_screenshot对结果页面截图