这个工具本地安装很久了，突然想起，又忘记怎么用的了. 这个工具最主要的功能就是让 AI 帮你定位控制台的问题，比如监控浏览器行为、抓取日志、网络请求、截图、辅助调试等
特性
- 监控控制台日志和错误
- 监控XHR 网络请求 / 响应
- 抓取网页截图功能，可选择自动粘贴到光标处
- 当前选中的 DOM 元素
- 通过 Lighthouse 运行 SEO、性能和代码质量扫描
- 运行 NextJS 特定的 SEO 审计
- 进入 “Debugger Mode”，该模式使用多种工具并给出提示以修复错误
- 进入 “Audit Mode” 以执行全面的 Web 应用审查
安装
- 安装 Chrome 扩展程序：v1.2.0 BrowserToolsMCP Chrome 扩展程序
- 在 客户端（如 Cursor） 中通过此命令安装 MCP 服务器：
npx @agentdeskai/browser-tools-mcp@latest - 打开一个新的终端并运行此命令：
npx @agentdeskai/browser-tools-server@latest
运行
你可以在AI对话窗口输入
“这不起作用…… 进入调试模式！”
“你能编辑当前选中的元素以执行 x、y 和 z 操作吗？”
“我需要提升 SEO 和性能…… 进入审计模式”
“你能检查控制台和网络日志，看看哪里出了问题吗？”
“用户界面看起来有些不对劲。你能截个图吗？
