- 不修改 backgroundUrls 变量 - 在节点创建后、返回前处理 SVG - 用 cloneNode + XMLSerializer + btoa 序列化 - 设置 backgroundImages 和 type=RECTANGLE
Web to PPT
网页采集 → PPTX 导出工具,包含 Chrome 扩展和转化引擎。
组件
capture.js:DOM 提取引擎(在页面上下文中运行)runner.js:预处理(冻结动画、滚动加载、等待图片)background.js:Service Worker,编排采集流程popup.html/js/css:扩展弹出窗口 UIconvert-browser.js:浏览器版转化逻辑(JSON → PPTX Schema)lib-pptxgen.js:pptxgenjs 浏览器 bundle
使用
- 在 Chrome 中加载
web-to-ppt/为未打包扩展 - 打开目标网页
- 点击扩展图标,设置采集宽度
- 点击"导出 PPTX"
- 自动下载生成的 PPTX 文件
文件格式
扩展导出的 JSON 文件包含:
source:页面 URL、标题、视口信息canvas:画布尺寸和背景色nodes:DOM 节点树(FRAME/TEXT/RECTANGLE 类型)assets:图片资源(base64)fonts:字体列表