Playwright Console Debugger
一个用于浏览器自动化测试的调试与监控MCP服务工具。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Playwright Console Debugger。 它的用途是：一个用于浏览器自动化测试的调试与监控MCP服务工具。 完整的 Skill 内容见：https://321skill.com/skills/playwright-console-debugger/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘我正在运行一个Playwright脚本测试登录功能，但失败了。帮我看看刚才浏览器控制台有没有报错，以及登录接口的请求状态。’ 它会通过MCP服务连接到你的Playwright实例，获取实时的控制台日志和网络请求记录，并分析可能失败的原因，比如JavaScript错误或接口返回异常。
介绍
Playwright Console Debugger 是一个MCP（Model Context Protocol）服务工具，旨在解决开发者在进行浏览器自动化测试和网页调试时，难以实时、集中地查看浏览器控制台日志和网络请求的问题。它通过标准化的MCP协议，将浏览器运行时的关键信息（如JavaScript错误、网络请求详情）暴露给AI助手，从而提升调试效率。
使用时，开发者需要先通过npm安装该工具包，并在其AI助手（如Claude Desktop）中配置MCP服务器。配置完成后，在运行Playwright脚本或进行网页自动化操作时，开发者可以直接向AI助手询问当前的浏览器日志或网络请求情况，而无需在多个窗口间切换查看。
这个工具非常适合需要频繁进行网页功能测试、自动化脚本调试或网页性能分析的前端开发、测试工程师和全栈开发人员。它尤其能帮助那些使用Playwright框架进行端到端测试的团队，快速定位因前端脚本错误或API接口异常导致的问题。
建议将此工具集成到日常的开发和测试流程中。需要注意的是，它主要服务于调试阶段，生产环境监控建议使用更专业的APM工具。同时，确保AI助手有权限访问MCP服务器地址，并注意网络环境配置。
核心特点
与单纯提供浏览器DevTools或独立日志查看器不同，本工具通过MCP协议将浏览器运行时数据直接接入AI工作流，实现了在AI对话界面中实时查询和交互式调试，无需离开编码或提问上下文。
注意事项
不适合用于生产环境下的实时用户行为监控或高并发性能测试。
常见问题
这个工具和浏览器自带的开发者工具有什么区别？
它通过MCP协议将浏览器日志和网络请求数据流式传输给AI助手，让你能在编写代码或与AI对话时直接查询，无需手动切换窗口到浏览器DevTools。
需要额外安装Playwright吗？
是的，这是一个MCP服务工具，需要与Playwright测试框架配合使用，它本身不包含Playwright运行时。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/playwright-console-debugger/raw/index.md 读取 Playwright Console Debugger 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/playwright-console-debugger/raw/index.md（查看排版版本）