1 mcp是什么？

2 怎么配mcp,如下图

3 最常用的mcp

（1）playright(可以访问到浏览器的控制台等信息，更好的去排查报错，解决问题等)

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

(2)browser-tools-mcp（可以实现具体到某个标签的修改）

使用这个工具需要在谷歌中安装相关插件：

我用的时候是在这个地址下下载的：

https://gitcode.com/gh_mirrors/br/browser-tools-mcp/?utm_source=gitcode_aigc_v1_t1&index=bottom&type=card&uuid_tt_dd=11_89685868135-1745542846049-113212&from_id=151507186&from_link=7ba047cb7147cbe45e49ac7d7d4adc0f

下载后如下图所示：

然后点击如下“加载未打包的扩展程序”将需要的插件加进来

如下图选择“chrome-extension”

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "-y",
        "@playwright/mcp@latest"
      ]
    },
    "browser-tools-mcp":{
      "command":"npx",
      "args":[
        "@agentdeskai/browser-tools-mcp@latest"
      ]
    }
  }
}

注：附带参考学习地址：

1 https://zhuanlan.zhihu.com/p/1912976459066221031