命令方安装:
在我的电脑使用标准安装指令:
claude mcp add chrome-devtools npx chrome-devtools-mcp@latest
不成功
需要换成另外的方式进行安装
共分4步
- 安装
npm install -g chrome-devtools-mcp
npm list -g chrome-devtools-mcp
- 单独开启一个google 浏览器,创建快捷方式,然后加入参数,--remote-debugging-port=9222 --user-data-dir=d:\chrome-mcp-tmp,确保D盘下的chrome-mcp-tmp 有这个目录
效果图如下:

然后启动 - 开始AI 服务
chrome-devtools-mcp --port 8880
- 配置服务.claude.json
bash
{
"mcpServers": {
"chrome-devtools": {
"command": "chrome-devtools-mcp",
"args": ["--port", "8880"]
}
}
}
效果图如下:

- 检查claude mcp
claude mcp list
效果如下图:

失败效果如下:

- 使用
打开 https://blog.csdn.net/u011660570/article/details/159384751?spm=1011.2124.3001.6209 并返回页面标题
效果图:

打开 https://www.163.com 并返回页面标题,
效果图如下:

帮我执行 document.title 并返回结果
