Headless Recorder 是用于记录浏览器交互并生成 Puppeteer 和 Playwright 脚本的开源 Chrome 扩展程序。

Headless Recorder 1.0 发布，更新内容如下：

添加：

• 新的视觉形象；
• 在页面叠加处理录像和截图；
• 截图时的视觉反馈；
• 在模块和服务中组织新的代码结构；
• 支持黑暗模式；
• 迁移到 Vue 3 并更新依赖性；
• 将 CSS 迁移到 Tailwind；
• 录制时选择器预览；
• 录制时的重启按钮；
• 允许直接在 Checkly 上运行脚本；
• Vuex 共享存储的初稿；

变化：

• 使 Playwright 成为默认标签；
• 使用非同步 wrap 作为默认值；
• 使用 fullPage 属性截取完整页面；
• 用元素截图取代剪切的截图；
• 改进选择器的生成，使之与 ID 和 data-attributes 相关；
• 常规的错误修复；
• 改进代码重用性和事件管理；

移除：

• 屏幕截图上下文菜单；
• 事件记录列表；

更多详情可查看：https://github.com/checkly/headless-recorder/releases