延續上一篇

• page.$(selector)
  這個方法使用 document.querySelector，selector裏面放element(html tag)。
  選出第一筆
• page.$$(selector)
  這個方法使用 document.querySelectorAll，selector裏面放element(html tag)。
  與上面的差別是這會選出多筆相同的
• page.$$eval(selector, pageFunction[, ...args])
  會把 selector 選出來的東西傳入 pageFunction 裡，使用Array.from(document.querySelectorAll(selector))（多筆）
• page.$eval(selector, pageFunction[, ...args])
  會把 selector 選出來的東西傳入 pageFunction 裡，使用document.querySelector
  （單比）
  DOC上的範例

const searchValue = await page.$eval('#search', el => el.value);
//link裡的屬性rel為preload
const preloadHref = await page.$eval('link[rel=preload]', el => el.href);
const html = await page.$eval('.main-container', e => e.outerHTML);

• page.$x(expression)
  此方法使用 evaluates XPath的表達式，會回傳ElementHandle
• page.addScriptTag(options)
  可以加入 script tag ，並放入想要的url和內容
• page.addStyleTag(options)
  可以加入link rel="stylesheet" tag或style type="text/css"，並放入想要的url或內容
• page.authenticate(credentials)
  可以加入 HTTP authentication 的證書，要取消傳入null
• page.bringToFront()
  把page帶到會前面（目前的分頁）
• page.browser()
  回傳page所屬的browser
• page.click(selector[, options])
  可以透過此方法點選element，如果找到多個會點選第一個。
  e.g 提交表單按鈕
• page.close(options)
  關閉page
• page.content()
  回傳全部的html包含doctype
• page.cookies(...urls)
  如果沒指定urls會回傳此頁的cookies
• page.coverage
  回傳Coverage
• page.deleteCookie(...cookies)
  刪除cookie，需要name
• page.emulate(options)
  可以設定模擬的觀看裝置

DOC範例

const puppeteer = require('puppeteer');
const devices = require('puppeteer/DeviceDescriptors');
const iPhone = devices['iPhone 6'];

puppeteer.launch().then(async browser => {
  const page = await browser.newPage();
  await page.emulate(iPhone);
  await page.goto('https://www.google.com');
  // other actions...
  await browser.close();
});

• page.emulateMedia(mediaType)
  可以改變CSS 的 media type
• page.evaluate(pageFunction, ...args)
  給你一個promis並等待結果，再後面可以把要的執傳進去
  範例

拿到body
const bodyHandle = await page.$('body');
在第二個參數帶入
const html = await page.evaluate(body => body.innerHTML, bodyHandle);
棄用bodyHandle
await bodyHandle.dispose();

• page.evaluateHandle(pageFunction, ...args)
  遇上面的差別在於這會回傳JSHandle

這邊稍微解釋一下ElementHandle與JSHandle
ElementHandle是負責處理DOM的element(HTML TAGS)
JSHandle是負責處理Javascript的物件

下一篇就可以把page結束掉