ヘッドレスChrome用ラッパー「puppeteer」メモ

puppeteer logo

概要

ヘッドレスChromeを動かすためのラッパー「puppeteer」の覚え書きです。
puppeteerを入れて使ってみて、起きたこと、判ったこと、参ったことを記録していきます。

参考

puppeteerとは

Node.jsのライブラリの一種。
ChromeもしくはChromiumをDevToolsプロトコルで操作するために使う。

puppeteerの概念図(公式サイトより)
puppeteerの概念図

  • puppeteerはBrowserとDevTools Protocolで会話する
  • Browserインスタンスは複数のページを持つ
  • Pageは少なくとも1つのフレームを持つ
  • Frameは少なくとも1つの実行contextを持つ。
    デフォルトのcontextとして、BrowserのJavaScriptが使われる。

puppeteerのインストール

puppeteer用のディレクトリを作成し、インストール。

$ node -v
v9.2.1

$ mkdir puppeteer
$ cd puppeteer/
$ npm i puppeteer

判らないこと/残務