ARTICLE DETAIL

资讯详情

深耕网站视觉设计与运营推广的一线实战洞察。

如何用Moli一张命令拍出完美截图:--layout按需渲染生成PNG与PDF实战

如何用Moli一张命令拍出完美截图:--layout按需渲染生成PNG与PDF实战 如何用Moli一张命令拍出完美截图--layout按需渲染生成PNG与PDF实战【免费下载链接】moliBest headless browser for AI agents. Lite, Fast, High-Compatibility. Built in Rust项目地址: https://gitcode.com/gh_mirrors/moli/moliMoli 是一款用 Rust 编写的 AI Agent 无头浏览器headless browser支持用一条moli fetch --layout命令按需渲染网页并把渲染结果直接输出为 PNG 截图或分页 PDF。本文将带你用最少的参数快速掌握 Moli 网页截图与网页转 PDF 的完整用法。为什么 Moli 截图又快又省传统无头浏览器如 Chrome Headless会持续维护整页的渲染状态布局、绘制、合成时刻不停地运转哪怕你只是要一张截图。Moli 的设计则完全不同默认不渲染不做视觉操作时Moli 直接读取 DOM 与样式状态完全跳过布局与绘制资源占用极低按需布局加上--layout参数后Moli 才触发真实的布局计算与软件渲染生成一张新鲜的像素帧用完即弃内存友好实测 Moli 单任务中位峰值内存仅约92 MiB约为 Chrome 的 13%。这意味着在批量抓取、巡检存档、报表生成等场景中Moli 的截图开销远低于传统方案——这也是它被称为最适合 AI Agent 的无头浏览器的原因。一条命令三种视觉输出安装 Moli 后截图只需要一行命令。Moli 把像素直接写到标准输出用重定向到文件即可# 视口截图只拍当前一屏输出 viewport PNG moli fetch --layout --dump screenshot https://example.com page.png # 整页截图拍完整文档含未滚动区域输出单张大 PNG moli fetch --layout --dump screenshot_full https://example.com full-page.png # 分页 PDF整页按 PDF 分页打印适合存档与分享 moli fetch --layout --dump pdf https://example.com page.pdf三种模式怎么选需求参数说明记录首屏效果 / 轻量快速--dump screenshot只渲染当前视口速度最快整页存档 / 长文截图--dump screenshot_full一张完整文档 PNG文档化输出 / 邮件分享--dump pdf分页 PDF白底打印模式小技巧--dump screenshot也可写作--dump pngscreenshot_full可写作png_full命令更短。拍前准备让页面先准备好截图拍糊、拍空多半是时机问题。Moli 提供了几组等待参数让截图在正确的时间点触发moli fetch --layout \ --wait-until networkidle \ --wait-selector main.article \ --dump screenshot_full \ https://example.com full-page.png--wait-until默认done还可选domcontentloaded、load、networkidle、domstable--wait-selector等某个元素出现再拍避免拍到空白骨架屏--timeout-t整体就绪超时默认 25 秒慢页面可适当调大。让截图更完美的 3 个开关默认情况下Moli不下载图片、字体等可选资源以节省带宽。如果你要拍的是视觉效果记得开启对应资源族# 只补图片和字体推荐按需最小化 moli fetch --layout --image --font --dump screenshot \ https://example.com pretty.png # 全量资源图片、字体、音频、视频、媒体、字幕全都加载 moli fetch --layout --resource --dump pdf \ https://example.com page.pdf--image/--font按需开启单个资源族--resource或环境变量MOLI_RESOURCEtrue一次性开启全部可选资源。同理--layout本身也支持环境变量MOLI_LAYOUTtrue的方式开启方便写进 CI 脚本。常见问题速查报requires --layout or MOLI_LAYOUTtrue忘了加--layout。screenshot / screenshot_full / pdf 三种视觉输出都必须先开启按需布局。报requires a loaded HTML document目标 URL 返回的是原始文件如直接下载 PDF、压缩包而非网页Moli 不会对原始下载做页面截图。整页 PNG 失败或过大--dump screenshot_full不会自动切片或降采样宽高需各自小于 131,072 像素。超长页面建议改拍视口截图或用 CDP 方式分块截取。图片是空的检查是否漏开--image同时确保 stderr 没有混进输出文件截图字节在 stdout日志在 stderr注意分离。相关源码与文档想深入了解按需渲染的实现可以看看这些文件CLI 参数定义FetchArgs 与 --dump 格式枚举截图/PDF 渲染入口fetch_dump/mod.rs、raster.rs官方截图与 PDF 配方skills/moli-webfetch/references/fetch-recipes.md项目能力总览README.md总结Moli 的截图哲学简单到一句话平时只读结构要拍才渲染。一行moli fetch --layout --dump screenshot或screenshot_full/pdf就能拿到视口 PNG、整页 PNG 或分页 PDF配合等待参数和资源开关就能稳定拍出完美的网页快照。无论是 Agent 取证、页面巡检还是文档存档这套一张命令出图的工作流都值得收藏。【免费下载链接】moliBest headless browser for AI agents. Lite, Fast, High-Compatibility. Built in Rust项目地址: https://gitcode.com/gh_mirrors/moli/moli创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表