今日热榜English

Playwright MCP 与 Chrome DevTools MCP 怎么选?

想让 AI 检查网页操作流程,还是排查 Chrome 中的错误与加载问题?按任务比较这两种浏览器工具及使用前提。

先按你要解决的问题选

需要 AI 打开网页、点击按钮、填写表单,逐步检查搜索等流程时,可以先看 Playwright MCP。它通过网页中的文本、控件和结构来操作页面。

需要排查浏览器报错、检查网络请求或分析页面加载性能时,可以先看 Chrome DevTools MCP。它向 AI 提供 Chrome 的调试与性能检查工具。两者的浏览器操作能力有所重叠,不需要为了一个简单任务都装上。

开始使用需要什么?

两者都需要支持 MCP 的 AI 助手和项目文档要求的运行环境。Playwright MCP 文档提供多种客户端配置方式;Chrome DevTools MCP 的准备条件包括 Node.js、npm 和 Chrome。具体版本要求会变化,安装时查阅当前文档。

怎样从一个小任务开始?

  1. 用 Playwright MCP 打开你负责的一个页面,让 AI 说明页面控件,再执行一段可核对的操作流程。
  2. 用 Chrome DevTools MCP 检查一个已知问题,例如页面报错或加载慢,核对它读取到的检查信息。
  3. 如果既要复现操作又要分析原因,可以按需要配置两者;先确认每个工具实际连接的浏览器和页面。

这份对比的依据

用途对比根据两项目的公开文档整理,本站没有进行这两者的安装测试或性能竞赛。它们给出的结果仍需要与实际页面核对。

收录与排序说明

今日热榜收录有公开源码、用途明确的开发类 AI 插件。你可以先按用途挑选,再打开介绍了解它能做什么、适合谁,以及开始使用需要什么。这里是已收录项目的目录,不是所有 AI 插件的完整名单。

这三类插件有什么区别?

工具连接(MCP):让 AI 助手连接外部工具,例如浏览器、代码项目或数据库。MCP 是这类连接采用的协议。

任务技能(Skills):把某类任务的步骤和注意事项整理成可复用的说明,让支持它的 AI 助手照着执行。

编辑器插件:安装在写代码的软件里,为你提供 AI 对话、代码补全或修改建议。

“收藏最多”怎么排?

按项目在 GitHub 上累计获得的 Star(星标,也可理解为收藏)从多到少排序。这是关注度参考,不是下载量、活跃用户数或质量评分。一整套 Skills 按一个项目计算;没有历史记录时,不展示每天新增收藏数。

“最近更新”是什么意思?

指项目代码最近一次更新的时间,不一定是新版本发布。“近7天更新”筛选的是项目更新时间,排序仍使用累计收藏数。每个介绍页会单独显示收藏数据的采集时间;部分更新失败时会保留旧数据。

介绍依据项目公开文档整理,未逐一安装测试。接入方式、兼容性和服务费用请以项目文档为准。刷新列表只读取已保存的数据,不会启动新的采集。

北京时间 UTC+8