Playwriter零代码浏览器自动化让AI助手掌控你的浏览器【免费下载链接】playwriterChrome extension CLI to let agents control your browser. Runs Playwright snippets in a stateful sandbox. Available as CLI or MCP项目地址: https://gitcode.com/gh_mirrors/pl/playwriter你是否厌倦了为每个自动化任务编写复杂的代码是否希望AI助手能够直接控制你已经登录的浏览器使用你的扩展和cookiePlaywriter正是你需要的解决方案——这是一个革命性的浏览器自动化工具通过简单的浏览器扩展和CLI让你无需编写代码就能实现复杂的浏览器操作。为什么选择Playwriter超越传统自动化的三大优势在浏览器自动化领域大多数工具都需要你启动一个全新的、干净的浏览器实例。这意味着没有登录状态没有你精心配置的扩展还需要应对机器人检测系统。Playwriter采用完全不同的方法它直接连接到你正在运行的Chrome浏览器。 无缝集成你的工作环境想象一下你的AI助手可以直接操作你日常使用的浏览器访问你已登录的所有账户使用你安装的所有扩展。这正是Playwriter的核心价值——它不是创建一个孤立的沙箱而是与你的真实工作环境无缝集成。⚡ 性能提升10倍传统自动化工具常常因为上下文膨胀而变得缓慢而Playwriter通过精简的架构设计实现了显著的性能提升。无论是页面加载速度还是脚本执行效率都比同类工具快得多。️ 绕过机器人检测由于Playwriter使用的是你的真实浏览器包含所有正常的用户指纹和扩展它能够更有效地绕过网站的反机器人检测机制。你甚至可以暂时断开扩展连接进一步降低被检测的风险。 5分钟快速启动从安装到第一个自动化任务第一步安装浏览器扩展从Chrome应用商店安装Playwriter扩展点击任意标签页上的扩展图标当图标变为绿色时表示连接成功第二步安装CLI工具npm i -g playwriter第三步创建你的第一个自动化会话playwriter session new # 创建状态隔离的沙箱会话 playwriter -s 1 -e await page.goto(https://example.com)是的就是这么简单三行命令你就已经让AI助手开始控制你的浏览器了。 实战演示用Playwriter完成真实任务让我们来看几个实际场景了解Playwriter如何简化复杂任务。场景一数据收集自动化假设你需要从某个网站收集用户信息传统方法可能需要编写复杂的爬虫代码。使用Playwriter你只需要playwriter -s 1 -e state.users await page.$$eval(.user, els els.map(e e.textContent)) playwriter -s 1 -e console.log(state.users)状态state会在多次调用间保持这意味着你可以逐步构建复杂的自动化流程。场景二网络请求监控调试API调用或监控网络活动变得异常简单playwriter -e state.requests []; page.on(response, r { if (r.url().includes(/api/)) state.requests.push(r.url()) }) playwriter -e await Promise.all([page.waitForResponse(r r.url().includes(/api/)), page.click(button)]) playwriter -e console.log(state.requests)场景三实时页面调试与传统的Chrome DevTools Protocol不同Playwriter不会显示烦人的自动化控制提示让你能够无缝地进行调试playwriter -e state.cdp await getCDPSession({ page }); state.dbg createDebugger({ cdp: state.cdp }); await state.dbg.enable() playwriter -e state.scripts await state.dbg.listScripts({ search: app }); console.log(state.scripts.map(s s.url)) playwriter -e await state.dbg.setBreakpoint({ file: state.scripts[0].url, line: 42 }) 进阶探索解锁Playwriter的完整能力视觉标签系统让AI看见页面元素Playwriter引入了创新的视觉标签系统为AI助手提供类似Vimium的页面元素标识await screenshotWithAccessibilityLabels({ page }) // 返回截图可访问性快照包含aria-ref选择器 await page.locator(aria-refe5).click()颜色编码系统让不同类型的元素一目了然黄色链接橙色按钮珊瑚色输入框粉色复选框桃色滑块三文鱼色菜单琥珀色标签页远程访问控制任何地方的浏览器通过traforo隧道你可以远程控制其他机器上的浏览器在主机上npx -y traforo -p 19988 -t my-machine -- npx -y playwriter serve --token secret从远程export PLAYWRITER_HOSThttps://my-machine-tunnel.traforo.dev export PLAYWRITER_TOKENsecret playwriter -s 1 -e await page.goto(https://example.com)这个功能特别适合远程技术支持、多机器管理或团队协作场景。与现有Playwright代码集成如果你已经有Playwright代码可以轻松集成Playwriterimport { chromium } from playwright-core import { startPlayWriterCDPRelayServer, getCdpUrl } from playwriter const server await startPlayWriterCDPRelayServer() const browser await chromium.connectOverCDP(getCdpUrl()) const page browser.contexts()[0].pages()[0] await page.goto(https://example.com) await page.screenshot({ path: screenshot.png }) // 不要调用browser.close() - 这会关闭用户的Chrome server.close() 技术对比为什么Playwriter更优秀与传统自动化工具的对比功能传统工具Playwriter浏览器状态全新实例使用你的Chrome扩展支持无你的现有扩展登录状态需要重新登录已登录状态机器人检测总是被检测可绕过断开扩展协作能力独立窗口与用户共享浏览器视频录制效率Playwriter的视频录制效率比Playwright高100倍这是因为Playwright需要为每一帧发送base64图像数据而Playwriter使用原生的标签页捕获技术帧率可达30-60fps。上下文使用优化与BrowserMCP等工具需要12个专用工具不同Playwriter只有一个execute工具。这意味着更低的上下文使用量AI助手不需要学习复杂的工具集——它已经知道如何使用Playwright API。️ 资源汇总深入学习Playwriter核心文档CLI使用指南playwriter/src/cli.ts - 完整的命令行接口文档MCP集成MCP.md - Model Context Protocol集成指南远程访问docs/remote-access.md - 远程控制详细教程示例脚本连接示例playwriter/scripts/connect-cdp-demo.ts扩展集成playwriter/scripts/extension-server.ts性能测试playwriter/scripts/long-running-stability-test.ts核心源码CDP中继playwriter/src/cdp-relay.ts - Chrome DevTools Protocol中继实现浏览器配置playwriter/src/browser-config.ts - 浏览器启动和配置幽灵光标playwriter/src/ghost-cursor.ts - 模拟人类光标移动调试和测试工具日志系统playwriter/src/cdp-log.ts - 详细的CDP日志记录测试工具playwriter/src/test-utils.ts - 测试辅助函数快照工具playwriter/src/aria-snapshot.ts - 可访问性快照生成 开始你的浏览器自动化之旅Playwriter不仅仅是另一个自动化工具——它是浏览器自动化思维的革命。通过直接连接到你日常使用的浏览器它消除了环境配置的复杂性让你能够专注于真正重要的任务让AI助手为你工作。无论你是开发者、测试工程师、数据分析师还是只是想要自动化重复性网页操作的用户Playwriter都能为你提供强大而简单的解决方案。无需编写复杂的代码无需配置复杂的环境只需安装扩展运行几行命令你的浏览器自动化之旅就开始了。现在是时候让AI助手真正掌控你的浏览器了。从简单的页面导航到复杂的多步骤工作流Playwriter都能轻松应对。开始探索吧你会发现浏览器自动化从未如此简单【免费下载链接】playwriterChrome extension CLI to let agents control your browser. Runs Playwright snippets in a stateful sandbox. Available as CLI or MCP项目地址: https://gitcode.com/gh_mirrors/pl/playwriter创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考