代码木鱼 发表于 2026-8-11 09:27:21

Dramaturg

概述
Dramaturg——剧作家工程师的伴侣

Playwright 的控制台、编辑器、运行器、调试器和录音器 - 全部都在 Chrome 侧面板中。没有 Node.js 后端,没有外部服务器。打开面板并开始自动化。

控制台 — 两种模式,一种输入

.pw 关键字:goto、click、fill、snapshot、verify-text,...
JavaScript:Playwright API、DOM 访问、expect() 断言 — 自动检测
结果呈现为可扩展的 CDP 对象树,就像 Chrome DevTools 一样。

编辑

编写并运行多行 .pw 或 JavaScript(Playwright API、DOM)脚本
Playwright API 和 .pw 关键字自动完成以及幽灵文本建议
语法突出显示、自动关闭括号、通过/失败装订线标记
加载并保存 .pw / .js 文件

JS调试器

通过单击编辑器装订线设置断点
跨过、进入、退出并继续
内联变量值显示在暂停的行上
变量选项卡 — 检查本地、块、闭包和脚本范围变量
复杂值的可扩展对象树
调试会话期间浮动调试工具栏

录音机

实时捕获点击、悬停、填充和导航
生成 .pw 命令或 JS Playwright 代码
对不明确的元素进行祖先上下文消歧(例如,单击“设置”中的“保存”)
使用悬停突出显示和定位器工具提示选择元素
上下文断言(验证文本、验证可见)
实时插入到编辑器中

特点

用于快照输出的可扩展辅助树
分类帮助命令 — 单击帮助可获取每个命令的帮助,帮助 js 可获取 Playwright API 参考
自动附加到活动选项卡
选项卡切换器 — 从工具栏切换目标
通过点击展开灯箱进行屏幕截图预览
选项中的语言模式首选项(.pw 或 JS)
明/暗模式
侧面板或弹出窗口(可在选项中配置)
DevTools 选项卡 — Chrome DevTools 中具有相同控制台的“Playwright”选项卡
连接到 CLI (playwright-repl) 和 MCP 服务器以实现 AI 驱动的自动化

使用案例

无需编写脚本即可交互式测试页面交互
记录用户流程并回放
使用断点和变量检查调试 JavaScript
使用辅助功能快照调试元素定位
让 AI 代理通过 MCP 控制您的真实浏览器会话
在控制台中键入 help 可查看所有命令。帮助 单击以获取每个命令的帮助。

开源:https://github.com/stevez/playwright-repl


Dramaturg 0.27.5.crx
.crx
0.27.5

支持

Dramaturg 0.27.5.zip
.zip
0.27.5

不支持


页: [1]
查看完整版本: Dramaturg