1 安装MCP: Chrome Dev Tools
安装提示词如下：
https://github.com/ChromeDevTools/chrome-devtools-MCP
根据这个网页内容，我要在Claude
Code种安装这个MCP，帮我安装，并验证是否成功
注意：MCP配置保存到此项目目录下的 .mcp.json 文件
1. windows 需要 'cmd /c' 来执行命令，注意命令是 cmd， /c 是参数，包括后面的 -y 以及 npx 的等都是参数
2. mac 系统就是按照 linux 的 npx 命令执行就行
安装成功：
如果上面 AI没有帮你安装成功，你也可以手动安装：
🔨 手动安装命令：
Mac用户（打开终端）：
claude mcp add chrome-devtools -- npx chrome-devtools-mcp@latest
Windows用户（打开CMD终端）：
claude mcp add chrome-devtools -- cmd /c npx chrome-devtools-mcp@latest
2 智能调试：MCP大显身手
这里假设你已经使用 Claude Code 实现了一个基础的应用，比如“上课点名器”，但是应用跑起来了但功能不正常？别急，这正是这个MCP工具发挥作用的时候！
使用这个提示词：
@names.csv 这是测试数据文件，可以使用 chrome dev tools 进行测试所有功能，保证功能都是可以正常运行，如果有错误，可以进行修复问题，然后再次验证，直到所有问题都得到解决
MCP工具会自动：
- 打开浏览器
- 测试所有功能
- 找出问题所在
- 自动修复代码
- 验证修复效果
全程自动化，你只需要泡杯咖啡等着就行！
最后还会给你一个总结信息：
然后就可以自己测试一下功能是不是恢复正常了