这两天正在疯狂使用ai,用了kiro,觉得很好用,请教了同事配置了一下mcp,可以让ai自动浏览器调试,下面是教程,打开github的网址

ChromeDevTools/chrome-devtools-mcp: Chrome DevTools for coding agentshttps://github.com/ChromeDevTools/chrome-devtools-mcp点击

来到npm界面,使用命令

npm i chrome-devtools-mcp

然后找到你的mcp配置的地方(我这里是用的kiro,其他编辑器没测试过,大家可以自行测试下)

kiro配置是在这里

在当前打开的文件加上这个

"chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp@latest"]
    }

然后测试有没有成功,可以去问他一下

此时kiro会帮你打开一个谷歌浏览器窗口

Logo

欢迎加入 MCP 技术社区!与志同道合者携手前行,一同解锁 MCP 技术的无限可能!

更多推荐