mkody/node-headless-chrome

docker-node-headless-chrome

https://img.shields.io/docker/cloud/build/mkody/node-headless-chrome?style=flat-square](https://hub.docker.com/r/mkody/node-headless-chrome/) https://img.shields.io/docker/v/mkody/node-headless-chrome?sort=semver&style=flat-square](https://hub.docker.com/r/mkody/node-headless-chrome/) https://img.shields.io/docker/pulls/mkody/node-headless-chrome?style=flat-square](https://hub.docker.com/r/mkody/node-headless-chrome/)

用于无头Chrome的Docker镜像。

镜像概述

本镜像基于https://hub.docker.com/_/node/%E6%9E%84%E5%BB%BA%EF%BC%8C%E6%8F%90%E4%BE%9B%E5%8F%AF%E7%9B%B4%E6%8E%A5%E4%BD%BF%E7%94%A8%E7%9A%84%E6%97%A0%E5%A4%B4Chrome%E8%BF%90%E8%A1%8C%E7%8E%AF%E5%A2%83%EF%BC%8C%E6%97%A8%E5%9C%A8%E7%AE%80%E5%8C%96%E9%9C%80%E8%A6%81%E9%80%9A%E8%BF%87%E7%BC%96%E7%A8%8B%E6%96%B9%E5%BC%8F%E6%8E%A7%E5%88%B6Chrome%E6%B5%8F%E8%A7%88%E5%99%A8%E7%9A%84%E5%BA%94%E7%94%A8%E9%83%A8%E7%BD%B2%E6%B5%81%E7%A8%8B%E3%80%82

核心功能与特性

• 官方Node环境：基于官方Node镜像构建，确保Node.js运行环境的稳定性和兼容性
• Puppeteer支持：兼容https://github.com/GoogleChrome/puppeteer/blob/master/docs/troubleshooting.md%E4%B8%AD%E7%9A%84%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88%EF%BC%8C%E5%8F%AF%E7%9B%B4%E6%8E%A5%E7%94%A8%E4%BA%8EPuppeteer%E7%9B%B8%E5%85%B3%E5%BC%80%E5%8F%91
• 日文字体支持：内置日文字体，无需额外配置即可处理包含日文内容的网页渲染需求

使用场景

• 网页自动化测试与UI自动化
• 网页截图生成与PDF导出
• 网页数据爬取与内容提取
• 需要处理日文字体渲染的前端应用测试
• 基于Chrome的服务端渲染(SSR)场景

使用方法

基本运行方式

通过以下命令启动容器并执行Node脚本：

bash
docker run -it --rm docker.xuanyuan.run/mkody/node-headless-chrome node your-script.js

Puppeteer使用示例

1. 创建包含Puppeteer逻辑的Node脚本（如screenshot.js）：

javascript
const puppeteer = require('puppeteer');

(async () => {
  // 启动无头Chrome
  const browser = await puppeteer.launch({
    headless: 'new',
    args: ['--no-sandbox', '--disable-setuid-sandbox']
  });
  
  // 创建新页面
  const page = await browser.newPage();
  
  // 访问目标网页
  await page.goto('https://example.com');
  
  // 生成截图
  await page.screenshot({ path: 'example.png', fullPage: true });
  
  // 关闭浏览器
  await browser.close();
})();

2. 安装依赖并运行脚本：

bash
# 本地安装Puppeteer依赖
npm install puppeteer

# 通过Docker运行脚本（挂载当前目录到容器/app目录）
docker run -it --rm -v $(pwd):/app -w /app docker.xuanyuan.run/mkody/node-headless-chrome node screenshot.js

Docker Compose配置示例

创建docker-compose.yml文件：

yaml
version: '3'
services:
  chrome-headless:
    image: docker.xuanyuan.run/mkody/node-headless-chrome
    volumes:
      - ./scripts:/app
    working_dir: /app
    command: node screenshot.js

启动服务：

bash
docker-compose up

许可证

MIT © Cyberagent, Inc; MKody