Dramaturg在浏览器中使用的扩展工具，这款工具支持JS调试、实时捕获点击、悬停、填充和导航等，欢迎下载使用。
介绍
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）
明/暗模式
侧面板或弹出窗口（可在选项中配置）
连接到 CLI (playwright-repl --bridge) 和 MCP 服务器以实现 AI 驱动的自动化
使用案例
无需编写脚本即可交互式测试页面交互
记录用户流程并回放
使用断点和变量检查调试 JavaScript
使用辅助功能快照调试元素定位
让 AI 代理通过 MCP 控制您的真实浏览器会话
在控制台中键入 help 可查看所有命令。帮助 单击以获取每个命令的帮助。
插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点，在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装
5、安装好后即可使用
扫码关注公众号，发【识别码】获取
