Playwriter:网站API逆向神器
如果你曾经尝试过逆向工程私有API、分析网络调用或在你自己的浏览器中构建自动化工作流,你知道传统工具有多么令人沮丧。它们很慢、臃肿,而且一旦检测到自动化就会经常崩溃。
Playwriter颠覆了这个剧本。
它让你通过Chrome扩展完全控制你的真实Chrome浏览器——允许你在同一个标签页中与你的AI助手一起工作。
这不是一个玩具MVP。它是开发者工作流的严肃升级。
让我们分解一下。
是什么让Playwriter与众不同?
大多数自动化代理(BrowserMCP、Antigravity/Jetski等)遵循相同的设计限制:
- 数十个狭窄的浏览器工具
- 大量上下文窗口使用
- 缓慢的往返延迟
- 每个任务的新Chrome实例
- 无处不在的自动化检测
Playwriter采取了相反的方法:
1、一个工具代替17+
不是为每个浏览器操作公开一个工具,Playwriter只公开一个: execute
这意味着LLM可以编写和运行真实的Playwright代码,如:
await page.click('#buy-button')
await page.type('#amount', '100')
await page.screenshot({ path: 'trade.png' })
LLM已经非常理解Playwright——不需要教它们17个单独的"browser_click"、"browser_type"、"browser_scroll"工具。
2、在你现有的浏览器中运行
Playwriter通过Chrome扩展工作,而不是单独的Chrome窗口。
好处:
- 使用你的普通标签页
- 保留你的扩展(AdBlock、密码管理器、2FA工具)
- 通过断开扩展来绕过自动化检测
- 手动解决验证码,然后让AI继续
- 节省内存和CPU
这是适合真实用户浏览方式的自动化。
3、逆向工程API变得微不足道
以下是神奇的工作流程:
- 你打开一个网站(如Polymarket)。
- 你采取行动(如进行交易)。
- Playwriter监控网络流量。
- 你问你的LLM: "分析这些请求并为它们构建一个SDK。"
LLM看到确切的:
- 端点
- 头
- 请求体
- 响应
…并生成重播相同行为的代码。
这个工作流程过去需要数小时。现在你几分钟就能完成。
4、如何安装Playwriter
- 安装Chrome扩展。从Chrome Web Store(或在开发期间解压加载)。
- 固定扩展。点击拼图图标 — 固定 — 你会在工具栏中看到图标。
- 连接标签页。打开任何标签页 — 点击Playwriter图标 — 它变成绿色。
图标状态:
- 灰色 — 未连接
- 绿色 — 已连接
- 橙色(…) — 连接中
- 红色(!) — 错误
一旦标签页变为绿色,你的AI就对其拥有完整的Playwright控制权。
5、将Playwriter添加到你的MCP代理
像这样修改你的claude_desktop_config.json:
{
"mcpServers": {
"playwriter": {
"command": "npx",
"args": ["playwriter@latest"]
}
}
}
重启Claude Desktop — 你就准备好了。
将Playwriter与Playwright一起使用
是的,你甚至可以通过编程方式将Playwriter连接到Playwright:
import { chromium } from 'playwright-core'
import { startPlayWriterCDPRelayServer, getCdpUrl } from 'playwriter'
const server = await startPlayWriterCDPRelayServer()
const browser = await chromium.connectOverCDP(getCdpUrl())
const context = browser.contexts()[0]
const page = context.pages()[0]
await page.goto('https://example.com')
await page.screenshot({ path: 'screenshot.png' })
await browser.close()
server.close()
这对以下情况非常有用:
- 调试真实网页
- 捕获棘手的认证流程
- 自动化任务而不触发机器人检测
6、Playwriter vs Playwright MCP
| 功能 | Playwriter | Playwright MCP |
| --------------------------- | ---------- | --------------------- |
| 在你自己的浏览器中运行 | 是 | 启动新Chrome |
| 完整的Playwright API | 是 | 部分 |
| 使用扩展 | 是 | 否 |
| 绕过自动化检测 | 是 | 否 |
| 上下文窗口使用 | 非常低 | 高 |
关键要点: Playwriter不是竞争工具——它是更好的架构。
7、Playwriter vs BrowserMCP
BrowserMCP公开如下工具:
- navigate
- click
- type
- hover
- screenshot
- wait
适合演示,但在复杂性方面有限。
Playwriter给你:
await page.route()
await page.evaluate()
await page.locator()
await context.cookies()
await browser.newPage()
无限制。完整API。
8、Playwriter vs Antigravity (Jetski)
Jetski引入:
- 17+浏览器工具
- 一个单独的子代理
- 臃肿的模式
- 缓慢的执行
Playwriter通过以下方式解决这个问题:
- 1个工具:
execute* 0个子代理* 低延迟* 完整的Playwright能力
9、安全:只有你能控制
Playwriter以严格的安全边界构建:
- WebSocket服务器只接受本地主机连接
- Chrome显示自动化横幅
- 只有你显式连接的标签页才能被控制
- 其他标签页或浏览历史记录不可访问
你始终掌控。
10、为什么Playwriter很重要
这个工具改变了开发者、研究人员和高级用户可能做到的事情:
- 调试复杂的流程
- 测试UI更改
- 逆向工程私有API
- 从你的操作生成SDK
- 在你自己的Chrome环境中自动化日常任务
而且因为它使用LLM内置的Playwright知识,它感觉自然且毫不费力。
11、浏览器自动化的未来是协作的
不是取代你,Playwriter让你和你的AI在同一个浏览器、同一个标签页、同一时间工作。
你处理自动化挣扎的部分。 AI处理重复性工作。 你们都保持完美同步。
这就是未来——Playwriter已经在构建它。
原文链接: Playwriter.dev: The Most Powerful Way to Reverse-Engineer Browser Actions With an LLM
汇智网翻译整理,转载请标明出处