Boo哥AI网页转PDF引擎
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c9003af/boo-ai-html-pdfv1。
技能介绍
问题
有些网页并不是一份完整文档,而是 Axure 原型、HTML 幻灯片或单页应用,内容依赖点击导航逐页展开。直接打印或整页截图常常只能拿到首页,无法得到可归档的完整 PDF。Boo哥AI网页转PDF引擎针对这类可导航页面,把它拆成“逐页捕获 + 无损合成”的导出流程。
工作方式
核心能力是用 Playwright 启动无头 Chromium,访问 URL 后识别导航方式:圆点按钮、侧边栏树、左右箭头或键盘翻页。随后按页点击或按键,等待内容渲染,再逐页 screenshot。截图完成后,用 img2pdf 将图像合成为 PDF,避免用 Pillow 保存时可能遇到的 KeyError: 'JPEG' 问题。
关键步骤包括:
- 探索结构:定位导航选择器,判断页面切换机制。
- 逐页截图:处理 iframe 加载、字体加载和 JS 渲染等待。
- 合成 PDF:校验页数、首尾页完整性,必要时降低
device_scale_factor控制文件大小。
适用边界
它适合 Axure 原型、圆点导航幻灯片和可通过点击逐页切换的网页;不适合需要登录、无限滚动或纯静态无导航的页面。资料也提醒,国内环境访问 Google Fonts 可能触发字体超时,需要在初始化脚本中处理 document.fonts 与 FontFace,而不能只依赖网络拦截。
使用场景
- 产品把 Axure 在线原型逐页导出为 PDF,用于内部评审和交付归档。
- 运营将 HTML 幻灯片按圆点导航逐页截图,并合成可分享文档。
- 设计交付单页 Web 应用的可切换页面,导出逐页 PDF 给开发确认。
- 测试核对可导航页面首尾页与页数,排查截图导出缺失问题。
适合人员
- 负责 Axure 原型评审的产品,需要把在线原型稳定导出成逐页 PDF。
- 制作 HTML 幻灯片的运营,需要按导航逐页截图并合成可分发文档。
- 交付单页应用的设计或前端,需要导出可切换页面供开发确认。
- 排查网页打印问题的工程人员,需要用无头浏览器逐页截图和 PDF 校验。