BrowserTools MCP

基本能力

产品定位

BrowserTools MCP 是一个浏览器监控和交互工具，旨在通过 AI 增强浏览器的感知和交互能力。

核心功能

1. 浏览器监控：捕获和分析浏览器数据，包括控制台日志、网络活动和 DOM 元素。
2. 审计工具：支持多种审计类型，包括可访问性、性能、SEO 和最佳实践审计。
3. 自动化工具：通过 Puppeteer 和 Lighthouse 实现自动化审计和分析。
4. 本地运行：所有日志和数据均存储在本地，不发送到第三方服务。

适用场景

1. 开发者工具：帮助开发者优化网页性能、可访问性和 SEO。
2. AI 集成：与 AI 工具（如 Cursor IDE）集成，提供浏览器交互能力。
3. 自动化测试：用于自动化测试和审计网页。

工具列表

1. Accessibility Audit：检查页面是否符合 WCAG 标准。
2. Performance Audit：分析页面性能瓶颈。
3. SEO Audit：评估页面 SEO 优化情况。
4. Best Practices Audit：检查网页开发最佳实践。
5. NextJS Audit：针对 NextJS 应用的 SEO 和最佳实践审计。
6. Audit Mode：运行所有审计工具。
7. Debugger Mode：运行所有调试工具。

常见问题解答

1. 如何更新版本：使用 npx @agentdeskai/[email protected] 更新。
2. 如何安装 Chrome 扩展：从 GitHub 下载最新版本并安装。
3. 如何启动本地服务器：运行 npx @agentdeskai/[email protected]。

使用教程

使用依赖

1. 确保已安装 Node.js 和 npm。
2. 安装 Chrome 扩展：下载并安装 v1.2.0 BrowserToolsMCP Chrome Extension。

安装教程

1. 安装 MCP 工具： bash npx @agentdeskai/[email protected]
2. 启动本地服务器： bash npx @agentdeskai/[email protected]

调试方式

1. 打开 Chrome 开发者工具。
2. 确保日志已发送到本地服务器。
3. 使用以下命令测试审计功能：
4. 可访问性审计：runAccessibilityAudit
5. 性能审计：runPerformanceAudit
6. SEO 审计：runSEOAudit
7. 最佳实践审计：runBestPracticesAudit
8. 审计模式：runAuditMode
9. 调试模式：runDebuggerMode

许可证

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