Puppeteer

環境構築

Puppeteer インストール(Ubuntu 18.04)

sudo apt install nodejs npm
npm install puppeteer

DOMの要素指定方法について

puppeteer上でのDOM要素の表記

タグ　 → タグ名
id=xxx → #xxx
class=yyy → .yyy
name=zzz →タグ名[name=zzz]

puppeteer上でのDOM要素の表記

await page.type('#search .form input[name="search_word"]', 'Puppeteer');
await page.click('#search .form input[id="hnaviSearchSubmit"]');

<div id="search">
  <div class="form">
    <form action="./search/" method="get">
      <input type="hidden" name="search_menu" value="keyword">
      <input type="hidden" name="tab" value="3">
      <input type="text" name="search_word" value="" id="hnaviSearchWord" placeholder="キーワードを入力" />
      <input type="submit" id="hnaviSearchSubmit" value="" />
...(略)

例：検索ボックスにキーワードを入れて検索ボタンを押す動作

node.js

html

機能について

文字入力(テキストボックス)
クリック,ボタン操作、ラジオボタン、プルダウン
画像の取得(imageタグ)
スクリーンショット
PDF化
ログイン操作
cookieの利用方法

Text

紹介する機能一覧

※付属のコード内にコメントで説明