BrowserTools MCP

基本能力

产品定位

BrowserTools MCP 是一个浏览器监控和交互工具，旨在通过 AI 增强浏览器的自动化能力和数据分析能力。

核心功能

1. 浏览器数据捕获：通过 Chrome 扩展程序捕获屏幕截图、控制台日志、网络活动和 DOM 元素。
2. 多种审计工具：
3. 可访问性审计：检查页面是否符合 WCAG 标准。
4. 性能审计：分析页面加载性能瓶颈。
5. SEO 审计：评估页面 SEO 优化情况。
6. 最佳实践审计：检查页面是否符合 Web 开发最佳实践。
7. NextJS 审计：针对 NextJS 应用的特定审计。
8. 调试模式：运行所有调试工具序列。
9. 审计模式：运行所有审计工具序列。
10. 本地数据处理：所有日志和数据均存储在本地，不发送到第三方服务。

适用场景

1. 开发调试：帮助开发人员快速识别和解决页面问题。
2. SEO 优化：分析页面 SEO 表现并提供改进建议。
3. 性能优化：识别并解决页面性能瓶颈。
4. 可访问性检查：确保页面符合无障碍标准。
5. AI 工具集成：为 AI 工具提供浏览器交互能力。

工具列表

1. runAccessibilityAudit：运行可访问性审计。
2. runPerformanceAudit：运行性能审计。
3. runSEOAudit：运行 SEO 审计。
4. runBestPracticesAudit：运行最佳实践审计。
5. runNextJSAudit：运行 NextJS 审计。
6. runAuditMode：运行所有审计工具序列。
7. runDebuggerMode：运行所有调试工具序列。

常见问题解答

1. 如何更新工具版本？
2. 使用命令 npx @agentdeskai/[email protected] 更新。
3. 如何下载最新 Chrome 扩展？
4. 从 GitHub 发布页面 下载。
5. 如何启动本地 Node 服务器？
6. 使用命令 npx @agentdeskai/[email protected] 启动。

使用教程

使用依赖

1. 确保已安装 Node.js 和 npm。
2. 安装 Chrome 浏览器。

安装教程

1. 安装 BrowserTools MCP： bash npx @agentdeskai/[email protected]
2. 下载并安装 Chrome 扩展：
3. 从 GitHub 发布页面 下载扩展。
4. 在 Chrome 中加载解压后的扩展。
5. 启动本地 Node 服务器： bash npx @agentdeskai/[email protected]

调试方式

1. 打开 Chrome DevTools，确保日志已发送到服务器。
2. 使用以下命令测试审计功能：
3. 可访问性审计： bash "Run an accessibility audit."
4. 性能审计： bash "Check the performance of this page."
5. SEO 审计： bash "Run an SEO audit."
6. 调试模式： bash "Enter debugger mode."

许可证

该项目遵循 MIT 开源许可条款，请参阅 MIT 了解完整条款。