React应用调试工具是 Lars-Albinsson 开发的 MCP 服务器:一个基于Playwright和Claude的React应用调试工具,提供浏览器自动化、React组件检查、网络监控和错误。接入方法见官方仓库 README,在客户端 mcpServers 段加入其配置即可:https://github.com/Lars-Albinsson/playwright-react-debug-mcp
它是干什么的
先把定位说清:React应用调试工具不是又一个大模型,而是一个 MCP 服务器。装好之后,你的 AI 客户端多出一组可调用的工具。一个基于Playwright和Claude的React应用调试工具,提供浏览器自动化、React组件检查、网络监控和错误分析功能
| 项目 | 数据 |
|---|---|
| 开发者 | Lars-Albinsson |
| Star | 1 |
| 收藏 | 0 |
| 质量等级 | A |
| 平台分类 | 浏览器工具 |
| 部署标签 | 本地部署、React调试、浏览器自动化 |
| 仓库 | playwright-react-debug-mcp |
核心能力
- 本地部署(平台标签)
- React调试(平台标签)
- 浏览器自动化(平台标签)
适合谁用
最该装的是要让 AI 操控浏览器做抓取、填表、自动化测试的人。如果你只是偶尔用一次它背后的服务,开网页就够了,不必上 MCP。
接入指引
- 1打开官方仓库,看 README 顶部的 Installation。
- 2把仓库给出的
mcpServers配置并进你客户端的配置文件(Claude Desktop 在~/Library/Application Support/Claude/claude_desktop_config.json,Cursor 在~/.cursor/mcp.json)。 - 3完全退出客户端再打开,工具列表出现该产品即成功。
需要带完整安装命令和配置 JSON 的教程?看 Top 20 的深度文档:代码文档查询工具 context7。
常见问题
Q
React应用调试工具免费吗?
A
代码在 GitHub 开放获取,费用与许可证以仓库为准。
Q
React应用调试工具能用在 Cursor / Cline 吗?
A
能。MCP 是通用协议,配置在各客户端之间基本通用,只是配置文件位置不同。
