网页 A4 截图

要解决什么问题

把知乎长文、产品页或文档站页面交给别人看时，浏览器整页截图往往带着侧栏、导航、评论和广告；手动裁切又容易在段落或图片中间断开，多页拼接还会出现上下重复一段内容。这个技能面向「只要正文、要像打印 A4、要清晰大图」的场景，把网页收成一组可附在消息里的 PNG。

技能如何工作

流程围绕辅助脚本与 manifest.json 里的校验结果：

• 通过 CDP 启动无头 Chromium，加载页面并滚动以触发懒加载内容。
• 从 DOM 中定位较可能的主内容节点，再渲染到干净的白色正文页，减少无关 chrome。
• 按内容块底边计算切分点，输出接近 A4 竖版 的 PNG；默认倾向 CSS 宽度 1240、设备缩放 2，总宽约 2480px。
• 若按固定高度切分会劈开段落、标题、列表、表格或图片，则上下挪动切点到最近块边界；相邻页 start 与上一刀终点对齐，overlapCheck 须为 true 再交付。

交付时把 files 中的图片作为附件发送；微信场景需用绝对路径指向本地文件。

适用边界与注意点

• 页面结构异常时，主内容选择器可能误抓侧栏或漏掉正文，需在脚本里增改 content selectors。
• 仍出现文字或图片被切断时，可调整 targetH、minH 或选择器边界；出现重复内容时不要给切片加底部 padding。
• 页高可按内容略有变化，优先保证块完整而非强行统一高度。