全网页智能截图工具

要解决什么问题

网页截图常遇到三类问题：整页内容被滚动截断、懒加载图片未出现、固定/粘性元素在长图中位置错误。移动端布局、内部滚动容器和登录态页面还会进一步增加截全、截图难度。这个技能面向文档、报告、存档等场景，把 URL 转成完整、可复现的图片。

工作方式和边界

技能通过 scripts/screenshot.js 调用 Playwright + Chromium，支持 fullpage、viewport、element 三种模式。它会自动检测设备，识别 width=device-width 或较窄正文宽度并切换到 iPhone 模拟；对内部滚动容器进行滚动、展开高度，触发懒加载内容；默认隐藏 position: fixed/sticky 元素，避免导航栏、悬浮按钮在整页截图里错位。

关键能力包括：

• 整页截图：滚动页面或容器，处理懒加载，保留完整内容
• 元素截图：用 CSS 选择器截取特定 DOM 节点
• 设备模拟：桌面、iPhone、iPad 或自动识别移动布局
• 渲染参数：输出 PNG/JPEG、分辨率、等待时间、深色模式、Cookie、Header 和 Basic Auth
• Linux 字体处理：检测中文字体缺失，在具备权限时自动安装 CJK 字体并校验

注意：该技能依赖浏览器环境，复杂 SPA 可能需要更长 --wait；需要登录、Cookie 或自定义 Header 的页面要提供相应参数；Linux 云环境若无权限安装字体，中文字符可能仍显示为方框。