nevermendel/chrome-headless-screenshots
nevermendel
使用Chrome Headless和Puppeteer拍摄网页截图的Docker镜像
下载次数: 0状态：社区镜像维护者：nevermendel仓库类型：镜像最近更新：1 年前
让 AI 帮你使用轩辕镜像？ · 展开查看说明
如果你使用 DeepSeek、元宝 AI、Copilot、ChatGPT 等 AI 工具，协助配置轩辕镜像、编写 docker pull 命令、修改 Docker Compose 镜像地址、配置镜像加速、排查镜像拉取失败、分析报错日志等问题，请先让 AI 阅读并遵守轩辕镜像的规则文档。
只需在 AI 对话中先发送下面这句话即可：
请先完整阅读并严格遵守以下文档中的全部规则与要求：
https://xuanyuan.cloud/agents.md
在未充分阅读并理解该文档前，不要生成任何命令、配置、修改建议、故障排查方案或技术回答。后续所有输出都必须严格以该文档中的规范为最高优先级执行。查看 agents.md 用法指南与完整示范。国内用户首推 元宝 AI、DeepSeek 的深度思考模式，不推荐豆包 AI；Cursor 等编辑器可在对话 @ 该链接，或加入 User Rules。 若 AI 无法访问外链，可 打开说明文档 复制全文粘贴。文档会随站点更新，复制内容可能过期，建议定期检查。
Chrome Headless Screenshots
镜像概述和主要用途
基于Node.js的Docker镜像，通过Chrome Headless和https://github.com/puppeteer/puppeteer%E5%AE%9E%E7%8E%B0%E7%BD%91%E9%A1%B5%E6%88%AA%E5%9B%BE%E5%8A%9F%E8%83%BD%E3%80%82%E6%94%AF%E6%8C%81%E8%87%AA%E5%AE%9A%E4%B9%89%E8%A7%86%E5%8F%A3%E5%A4%A7%E5%B0%8F%E3%80%81%E8%BE%93%E5%87%BA%E8%B7%AF%E5%BE%84%E3%80%81%E5%9B%BE%E7%89%87%E6%A0%BC%E5%BC%8F%E7%AD%89%E5%A4%9A%E7%A7%8D%E9%85%8D%E7%BD%AE%EF%BC%8C%E9%80%82%E7%94%A8%E4%BA%8E%E8%87%AA%E5%8A%A8%E5%8C%96%E7%BD%91%E9%A1%B5%E6%88%AA%E5%9B%BE%E5%9C%BA%E6%99%AF%E3%80%82%E6%AC%A2%E8%BF%8E%E6%8F%90%E4%BA%A4PR%E3%80%82
核心功能和特性
- 支持自定义视口宽度和高度
- 可配置输出目录、文件名及图片格式（png、jpeg、webp）
- 支持设置用户代理（User Agent）
- 支持通过JSON字符串或文件加载cookies
- 支持设置截图延迟时间（毫秒）
- 轻量级Docker化部署，易于集成到自动化流程
使用场景和适用范围
- 网站状态监控与定期截图存档
- 网页设计稿与实际效果对比
- 自动化报告中的网页内容展示
- 需要模拟不同设备视口的网页预览
- 集成到CI/CD流程中的网页截图任务
使用方法和配置说明
Node.js使用（非Docker方式）
- 安装依赖：
yarn install - 执行脚本：
bashnode index.js https://github.com
Docker使用
构建Docker镜像
bashdocker build -t chrome-headless-screenshots .
运行Docker容器拍摄截图
bashdocker run -it -v ${pwd}:/usr/src/app/out --rm nevermendel/chrome-headless-screenshots https://github.com
说明：
-v ${pwd}:/usr/src/app/out将当前目录挂载到容器内的输出目录，截图文件会保存到本地；--rm表示容器退出后自动删除。
脚本使用选项
基本语法
bashindex.js [options] <url>
位置参数
| 参数 | 描述 | 类型 |
|---|---|---|
| url | 需拍摄截图的网页URL | string |
配置选项
| 选项 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| -h, --help | 显示帮助信息 | boolean | - |
| -v, --version | 显示版本号 | boolean | - |
| --width | 视口宽度 | number | 1920 |
| --height | 视口高度 | number | 1080 |
| --outputDir | 输出目录 | string | "."（当前目录） |
| --filename | 截图文件名 | string | "screenshot" |
| --inputDir | 输入目录 | string | "."（当前目录） |
| --userAgent | 用户代理字符串 | string | "" |
| --cookies | JSON格式的cookies字符串 | string | "" |
| --cookiesFile | cookies文件路径 | string | "" |
| --delay | 截图延迟时间（毫秒） | number | 0 |
| --format | 图片格式 | string | "png"（可选：png、jpeg、webp） |
使用示例
bash# 基本用法：拍摄github首页截图，保存为screenshot.png node index.js https://github.com # 加载cookies文件：从cookies.json加载cookies并拍摄google首页截图 node index.js --cookiesFile=cookies.json https://google.com # Docker方式：拍摄github首页截图并保存到本地当前目录 docker run -it -v ${pwd}:/usr/src/app/out --rm nevermendel/chrome-headless-screenshots https://github.com
许可证
MIT许可证
镜像拉取方式
您可以使用以下命令拉取该镜像。请将 <标签> 替换为具体的标签版本。如需查看所有可用标签版本，请访问 标签列表页面。
轩辕镜像加速拉取命令点我查看更多 chrome-headless-screenshots 镜像标签
docker pull docker.xuanyuan.run/nevermendel/chrome-headless-screenshots:<标签>
DockerHub 原生拉取命令
docker pull nevermendel/chrome-headless-screenshots:<标签>
镜像拉取常见问题
功能
错误码
用户好评
来自真实用户的反馈，见证轩辕镜像的优质服务
oldzhang
运维工程师
Linux服务器
5
"Docker访问体验非常流畅，大镜像也能快速完成下载。"