一、下载拓展包

打开官网下载地址，https://github.com/microsoft/playwright-mcp/releases，最好选择跟你当前版本一致的。

图片

输入以下命令就知道你当前是什么版本

Markdown
命令
npx   @playwright/mcp@latest 

图片

二、安装插件

谷歌浏览器输入chrome://extensions/

图片

图片

加载成功后，这里会有显示

图片

三、配置Mcp服务器

需要通过加个参数--extension启动 MCP server 并安装官方提供的浏览器扩展，让 MCP 直接连接到你已登录的Chrome/Edge/Chromium 实例，实现会话复用。

JSON
{
  “mcpServers”: {
    “playwright”: {
      “command”:   “npx”,
      “args”: [
         “@playwright/mcp@latest”,
        “–extension”
      ]
    }
  }
   }

图片

重新保存后，打勾了才算成功

图片

四、场景使用

1**、UI冒烟测试**

UI冒烟测试进行了很多次，最终才成功，不是很稳定，但以后绝对是非常好用的工具，最后它会告诉你，它做了哪些功能测试

Markdown
提示词
打开浏览器，输入"file:///F:/testtools/index.html",帮我做一下这个页面的冒烟测试

图片

2**、AI爬虫**

提前打开浏览器，登录，提示词一定要告诉它是已经登录状态

Markdown
提示词
打开小红书网页，已经登录了，搜索“广州美食”帮我获取十篇文章，要求输出文章的链接，点赞数，收藏数，以及评论数

Mcp会自动打开要求你是否允许使用复用状态，如果没有这个请求，请重新启动Trea Mcp服务。

图片

图片

运行成功，输出数据，结果虽然还不完整，不过这能力已经非常厉害了。

图片

图片

如果对大家有帮助，请点赞、转发，如有疑问，可以留言！