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

機能について

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

Text

紹介する機能一覧

※付属のコード内にコメントで説明
Made with Slides.com