chrome-devtools-mcp logo
chrome-devtools-mcp
★ 54.0k
vs
mcp-accessibility-scanner logo
mcp-accessibility-scanner
★ 57

chrome-devtools-mcp vs mcp-accessibility-scanner

chrome-devtools-mcp:chrome-devtools-mcp 允许像 Gemini、Claude 和 Copilot 等AI编码助手通过模型上下文协议 (MCP) 与实时 Chrome 浏览器进行交互。它赋予AI全面访问 Chrome DevTools 的能力,以实现可靠的自动化、深入调试和详细的性能洞察。;mcp-accessibility-scanner:MCP可访问性扫描器是一个强大的模型上下文协议服务器,用于自动化网页可访问性扫描和浏览器自动化。它利用Playwright和Axe-core执行WCAG合规性检查、与网页交互并生成详细的可访问性报告,从而增强LLM在网页交互和审计方面的能力。

01

简评

chrome-devtools-mcp logo
chrome-devtools-mcpBrowser Automation · ★ 54.0k
何时选择它(优势与适用):
  • 你希望智能体录制 Chrome 性能追踪并从中得到分析结论:README 列出了 performance_start_trace、performance_stop_trace 和 performance_analyze_insight。
  • 调试页面时需要查看网络请求、控制台消息和截图。
  • 希望智能体连接到你已在运行的 Chrome:可用 --browser-url、--ws-endpoint 或 --autoConnect(需要 Chrome 144+)。
何时考虑替代方案:
  • 需要 Firefox 或 Safari:该项目基于 Chrome DevTools,面向 Chrome。
  • 需要跨浏览器的通用自动化或测试:Playwright MCP 更合适。
  • 无法运行 Node.js 20.19 或更新版本:README 把它列为必需条件。
mcp-accessibility-scanner logo
mcp-accessibility-scannerBrowser Automation · ★ 57

对网页执行基本的无障碍扫描以检查WCAG合规性。

02

并排对比

字段
chrome-devtools-mcp logochrome-devtools-mcp
mcp-accessibility-scanner logomcp-accessibility-scanner
分类
浏览器自动化
浏览器自动化
Stars
★ 54.0k
★ 57
许可证
Apache-2.0
MIT
安装方式
npx -y chrome-devtools-mcp@latest
npm install -g mcp-accessibility-scanner
更新时间
1天前
2天前
开源
是
是
标签
Chrome开发者工具, AI助手, 浏览器自动化
网页可访问性, 浏览器自动化, Playwright
03

功能特性

chrome-devtools-mcp logochrome-devtools-mcp
01利用Chrome DevTools获取性能洞察
02高级浏览器调试(网络、截图、控制台)
03使用Puppeteer实现可靠自动化
04输入自动化(点击、拖拽、填充等)
05导航自动化(新建页面、导航、等待等)
mcp-accessibility-scanner logomcp-accessibility-scanner
01全面支持WCAG 2.x合规性检查,提供详细的JSON报告和修复指导。
02强大的浏览器自动化功能,包括元素交互、文本输入、快照、截图和PDF保存。
03针对全站可访问性、多变体页面扫描和键盘导航行为的高级审计。
04浏览器会话管理功能,如标签页处理、控制台消息监控和网络请求记录。
04

使用场景

chrome-devtools-mcp logochrome-devtools-mcp
↳自动化浏览器交互以进行测试或数据提取
↳通过分析网络请求和控制台消息来调试Web应用程序
↳通过记录跟踪并提取洞察来分析网站性能
mcp-accessibility-scanner logomcp-accessibility-scanner
↳对网页执行基本的无障碍扫描以检查WCAG合规性。
↳自动化多步骤用户工作流程,以在不同阶段(例如登录、表单提交)测试可访问性。
↳通过捕获可访问性快照、监控控制台输出和网络活动来进行全面的页面分析。
↳通过爬取多个页面并汇总违规行为,对整个网站进行可访问性审计。
↳在动态网页内容完全加载后,测试其可访问性问题。
05

适合场景

chrome-devtools-mcp logochrome-devtools-mcp
最受欢迎必备神器时下流行
mcp-accessibility-scanner logomcp-accessibility-scanner
—
FAQ

常见问题

chrome-devtools-mcp 和 mcp-accessibility-scanner 有什么区别?
chrome-devtools-mcp 和 mcp-accessibility-scanner 都属于 Browser Automation 类别。chrome-devtools-mcp 有 54.0k Stars,mcp-accessibility-scanner 有 57 Stars。
chrome-devtools-mcp 和 mcp-accessibility-scanner 哪个更好?
最佳选择取决于你的具体需求。自动化浏览器交互以进行测试或数据提取 时选 chrome-devtools-mcp,对网页执行基本的无障碍扫描以检查WCAG合规性。 时选 mcp-accessibility-scanner。
chrome-devtools-mcp 是免费的吗?
是的,chrome-devtools-mcp 在 GitHub 开源(Apache-2.0)。
mcp-accessibility-scanner 是免费的吗?
是的,mcp-accessibility-scanner 在 GitHub 开源(MIT)。
推荐云部署
Ad

在 DigitalOcean 上一键部署

为你的 MCP 服务、Docker 容器与智能体提供即开即用云服务器,新用户立享 $200 免费额度(60天有效)。

立即领取 $200 免费额度
→

相关链接