概要

ヘッドレスブラウザの Puppeteer を利用して、 WEB ページを PDF に出力してみました。

内容

Puppeteer とは？

PhantomJS や NightmareJS と同じ GUIを提供していないブラウザです。
Chrome ベースで作成されており、提供元が GoogleChrome と同じなので、 PhantomJS の様に、開発・サポート終了などのリスクは少ないと思います。

Puppeteer GitHub

導入

• yarn の場合

$ sudo yarn add puppeteer

• npm の場合

$ sudo npm i puppeteer

サンプルコード

ここでは、Google の TOP ページを PDF 出力するサンプルを用意します。

const fs = require('fs');
const assert = require('assert');
const puppeteer = require('puppeteer');

(async() => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  // PDF出力対象ページ
  await page.goto('https://www.google.co.jp/');

  // PDF作成処理
  await page.pdf({
    path: 'google_top.pdf',
  });

  browser.close();
  console.log('PDF出力完了');
})();

実行

$ node test.js

たったこれだけで、PDF が出来てしまいます。

PDF出力機能チートシート

これだけだと味気なさすぎるので PDF 出力機能の チートシートも用意しました。

width、height、margin で利用可能な単位

• px（デフォルト）
• in
• cm
• mm

format 指定種類

• Letter
• Legal
• Tabloid
• Ledger
• A0〜5

終わりに

公式のリファレンスがスゴくわかりやすく、ほとんどコードを書かずに PDF 出力が実現が出来てしまいました。
他のヘッドレスブラウザができる機能はほとんど網羅していそうなのと、今後スタンダードになっていきそうな気配があるので
また何かの実験結果を記事にしてみたいと思います。

Puppeteerのリファレンス