一行命令
截图演示 快照交互

开源 CLI 工具，通过 DOM 快照把任意网页变成离线可交互 Demo。不是截图，不是录屏，是真实的页面 DOM。

看 Demo GitHub →

DOM 快照 → 可交互产品 Demo

以下是用 DOM 快照技术捕获并回放的页面，叠加了引导层和行为追踪。这就是 SaaS2Ad 的核心能力。

2 4 4 8

2048 — DOM 快照 Demo

经典数字合成游戏，通过 DOM 快照技术捕获页面状态，沙盒隔离回放。展示了 SaaS2Ad 的引导叠加、悬停操作和转化追踪能力。

DOM SNAPSHOT SANDBOX GUIDED
体验 Demo ↗ 新窗口
01

真实 DOM，不是截图

捕获完整 DOM 树和计算样式。任意缩放不失真，文本可选中，表单可输入。比截图方案真实 10 倍。

02

开源、自托管

CLI 工具本地运行，数据不出本机。不锁定任何平台。MIT 许可证，可自由修改和分发。

03

离线可用

输出自包含 HTML 文件，所有资源本地化。断网也能正常运行。适合内网部署和产品演示。

04

引导叠加层

在快照之上叠加自动引导：气泡说明、元素高亮、操作提示。用户零学习成本完成产品体验。

05

CLI + API

一行命令完成捕获→构建→输出。支持 CI/CD 集成，Demo 随代码自动更新。开发者友好。

06

行为追踪

记录引导完成率、点击位置、流失节点。数据存在本地，可选接入后端分析。

三步构建交互 Demo

CLI 驱动，开发者友好

01

capture — 捕获快照

saas2ad capture <url>
Playwright 打开页面，rrweb 序列化 DOM，自动内联 CSS/图片/字体。

02

build — 构建 Demo

saas2ad build snapshot.json --guide guide.json
叠加引导层、元素高亮、CTA，输出自包含 HTML 文件。

03

serve / embed — 部署

saas2ad serve demo.html
本地预览，或部署到任何静态托管。可嵌入 iframe，可独立运行。

Open Core 模式

核心功能永久开源免费。Pro 版提供托管和分析增值。

开源核心

$0永久免费
  • CLI 工具完整功能
  • DOM 快照 + 沙盒回放
  • 基础引导叠加
  • 本地行为追踪
  • 自包含 HTML 输出
  • MIT 许可证
GitHub →
推荐

Pro

$49/月
  • 所有开源功能
  • 云端托管 + CDN
  • 高级行为分析看板
  • 自定义品牌主题
  • 邮件支持
开始试用

Team

$149/月
  • 所有 Pro 功能
  • 团队协作空间
  • API + CI/CD 集成
  • SSO 单点登录
  • 优先技术支持
联系我们

常见问题

和 Navattic/Storylane 有什么区别？+
他们基于截图，我们基于真实 DOM 快照。我们的 Demo 任意缩放不失真、文本可选中、表单可输入。而且我们是开源的，数据不出本机。
需要提供源代码或部署权限吗？+
不需要。只需要一个可访问的 URL。CLI 通过 Playwright 打开页面，自动捕获 DOM 状态，完全不需要源码或任何权限改动。
支持哪些类型的页面？+
优先支持基于 DOM 的页面（SaaS 仪表盘、落地页、表单、文档等）。SPA 路由和 Canvas 图表有限制，但在持续改进中。
开源版和 Pro 版有什么区别？+
开源版包含 CLI 工具完整功能（捕获、构建、本地运行）。Pro 版增加云端托管、高级分析看板和自定义品牌。核心能力永久免费。

试试看？一行命令就够了。

开源免费，MIT 许可证。你的数据不出本机。

GitHub → 看 Demo