使用 Cursor、Claude、VS Code 自动化您的浏览器。比剧作家 MCP 更有能力、更高效。
使用 AI 代理、CLI 命令或任何 MCP 客户端控制您真正的 Chrome 浏览器。通过您现有的浏览器进行完整的 Playwright API 访问,您的所有登录信息、扩展程序和 cookie 均已存在。
其他浏览器自动化工具会生成一个新的 Chrome 实例。这意味着没有登录状态、没有扩展、即时机器人检测以及双倍的内存使用量。 Playwriter 会连接到您正在运行的浏览器。单击任何选项卡上的扩展图标即可开始自动化。
它是如何运作的
单击您想要控制的任何选项卡上的 Playwriter 扩展图标
连接后图标变为绿色
您的 AI 代理、CLI 或 MCP 客户端现在可以通过完整的 Playwright API 控制该选项卡
该扩展在 localhost:19988 上创建本地 WebSocket 中继。您的自动化工具连接到此中继并发送 Playwright 命令。该扩展通过 DevTools 协议将它们转发到 Chrome。一切都在您的计算机上本地运行。
你能做什么
具有完整 Playwright API 的浏览器自动化。导航页面、单击按钮、填写表单、截屏、拦截网络请求、设置断点、实时编辑页面代码、录制视频等。全部通过一个接受任何剧作家代码的执行工具完成。
辅助功能快照为您的代理提供页面上每个交互元素的文本表示。屏幕截图需要 5-20KB,而不是 100KB+。更快、更便宜,并且代理可以在没有视觉功能的情况下解析它们。
视觉标签将 Vimium 风格的彩色标签叠加在交互元素上,供需要空间上下文的代理使用。黄色表示链接,橙色表示按钮,珊瑚色表示输入,粉色表示复选框。
会话隔离使多个代理可以在同一浏览器中工作而不会相互干扰。每个会话都有自己的具有持久状态的沙箱。
网络拦截捕获 JavaScript 渲染页面后面的 API 调用。代理可以对 API 进行逆向工程、检查模式并使用不同的参数重放请求。
JavaScript 调试器设置断点、单步执行代码、在运行时检查变量。完整的 Chrome DevTools 协议访问权限,而不是有限的子集。
实时代码编辑器可以查看和编辑内存中的页面脚本和 CSS,无需重新加载。切换调试标志、修补代码、搜索所有加载的脚本。
屏幕录制使用 chrome.tabCapture 以 30-60fps 的速度将浏览器选项卡捕获为 MP4 视频。录音在页面导航中保存下来。内置幽灵光标叠加层,用于创建演示视频。
云浏览器在云中运行隐形 Chromium 实例,并具有自动验证码解决功能
无头模式会自动启动无头 Chrome,用于 CI、服务器和完全自主的自动化,无需可见的浏览器。
直接 CDP 连接完全绕过扩展程序,通过 WebSocket 连接到启用了远程调试的 Chrome 实例、Docker 容器或云浏览器提供商。
远程访问使用安全隧道通过互联网控制另一台计算机上的 Chrome。没有 VPN、没有防火墙规则、不需要端口转发。
使用案例
Web 开发:您的编码代理在真实浏览器中验证自己的工作,检查渲染的页面,截取屏幕截图,检查 CSS,设置断点,并在一个循环中修复问题。
QA 测试:使用真实的登录状态针对您的真实 Chrome 配置文件运行测试。无需测试帐户或模拟身份验证。
任务自动化:自动执行需要登录会话的重复浏览器任务。批量填写表单、从仪表板导出数据、从经过身份验证的站点下载文件。
抓取 JavaScript 密集型网站:Instagram、Twitter、Facebook 和其他 SPA 返回空 HTML 以进行curl 和获取。 Playwriter 使用您的会话 cookie 在真实浏览器中呈现它们。
API逆向工程:捕获客户端渲染背后的网络请求。发现未记录的 API、检查其架构、使用不同参数重放调用。
远程支持:远程控制用户的浏览器以解决问题。用户启动隧道、共享 URL,然后您就可以准确地看到他们所看到的内容。
屏幕录制和演示:将浏览器自动化录制为带有光标覆盖的精美 MP4 视频。自动加速演示视频的空闲部分。
为什么使用 PLAYWRITE 而不是其他工具
与 Playwright MCP 对比:Playwright MCP 会生成一个新的 Chrome,无需登录,无需扩展,并且会被机器人检测器标记。 Playwriter 使用您现有的 Chrome。
与 BrowserMCP 和其他浏览器 MCP 相比:其他工具公开了 12 多个具有高上下文窗口开销的专用工具。 Playwriter 使用一种具有完整 Playwright API 的执行工具。更少的上下文使用,更多的功能。
与 Chrome CDP 模式相比:Chrome 的远程调试端口标志需要重新启动 Chrome,并显示持久的“由自动化软件控制”横幅,从而中断您的工作流程。 Playwriter 以静默方式运行,没有确认对话框。
与 Claude 浏览器扩展相比:Playwriter 可与任何 MCP 客户端配合使用,而不仅仅是 Claude。使用文本快照 (5-20KB) 而不是屏幕截图 (100KB+)。完整的 CDP 访问权限,包括调试器、网络拦截和实时代码编辑。
合作
由于代理在您的浏览器中工作,因此您可以实时协作。查看代理所做的一切。当验证码卡住时解决它。点击穿过同意墙。暂时禁用扩展程序以绕过机器人检测,然后重新启用以继续自动化。
安全和隐私
仅本地:WebSocket 服务器绑定到本地主机。没有任何东西离开你的机器。没有远程服务器,没有帐户,没有遥测。
来源验证:仅接受 Playwriter 扩展来源。浏览器无法欺骗 Origin 标头,因此恶意网站无法连接。
明确同意:仅控制您单击扩展程序图标的选项卡。无法后台访问其他选项卡。
可见的自动化:Chrome 在受控选项卡上显示自动化横幅,以便您始终知道选项卡何时自动化。
没有数据收集:没有分析、没有跟踪、没有遥测。所有浏览器控制都通过 Chrome DevTools 协议在本地进行。
支持的 MCP 客户端
可与 Claude Desktop、Cursor、Windsurf、VS Code、OpenCode 和任何其他 MCP 兼容的 AI 助手配合使用。使用 npm install -g playwriter 安装 CLI,使用 npx Skills add remorses/playwriter 添加技能,然后您的代理就准备好了。
权限
调试器:将 Chrome DevTools 协议附加到您选择的选项卡
activeTab:仅访问您单击扩展图标的选项卡
脚本编写:在连接的选项卡上注入页内工具栏
webNavigation:检测由连接的选项卡打开的弹出窗口
host_permissions:允许调试器附加到您选择自动化的任何域上
开源:https://github.com/remorses/playwriter
文档:https://playwriter.dev/


