怎么做到的
滚动、等待、截图、拼接
长截图不是把页面粗暴拉高再裁一下。现代网页会边滚边加载, 还有固定头部、动画、虚拟列表。Panorix 把这些步骤都处理好。
沿着页面一段段捕获
不要求浏览器一次生成一张巨大画布, 而是按页面实际滚动位置分段截图。
每一帧截图前先等一下
图片、懒加载区块、虚拟内容有时间出现, 截出来不容易留下空白断层。
只拼真正有用的像素
重叠区域会被对齐和合并, 最后的长图读起来像一整张连续页面。
docs.example.com/report
真实页面
拼好的长截图
为真实网页做的
长截图好不好用, 就看这些细节
大多数滚动截图出问题, 都不是因为页面太长, 而是因为现代网页太会动。
01
懒加载是默认情况
Panorix 会跟着页面滚动并等待新内容出现, 图片和卡片不会因为加载慢就在最终截图里变成空白。
02
固定头部不反复出现
固定导航栏、聊天输入框、吸顶工具条会被当作页面外壳处理, 不应该每一屏都重复一次。
03
先保证能读清楚
输出优先服务于文档、对话和需要分享分析的页面, 不是只追求做出一张特别高的图片。
04
后面还能编辑和给 AI 读
长截图可以继续打开编辑器标注, 也可以用 AI Reading 导出, 让 LLM 读完整个页面。