puppeteer序盤あるある

Transcript

1. puppeteer序盤あるある ͋Δ͋Δ-5ʙαʔόʔαΠυΤϯδχΞʙ 7PM ੉ށ හจ
2. ࣗݾ঺հ   ໊લɿ੉ށ හจ  ॴଐɿBOE
   GBDUPSZגࣜձࣾ  ৬छɿαʔόαΠυΤϯδχΞ  ΞϓϦͷόοΫΤϯυ  ࣾ಺޲͚γεςϜͷߏங  ࠷ۙ࢖͍ͬͯΔݴޠ  /PEFKTɿ೥  1)1ɿϲ݄  (Pݴޠɿϲ݄  WVFKTɿϲ݄ (JU)VCɿDQQ 2JJUBɿDQQ 5XJUUFSɿ!DQQ@
3. QVQQFUFFSͱ͸ʁ   )FBEMFTT
   $ISPNFΛ࢖༻͢ΔͨΊͷ/PEFKTͷϥΠϒϥϦ  /PEFKT্͔Β$ISPNFϒϥ΢βΛૢ࡞Մೳ  ࣗಈςετɺεΫϨΠϐϯάͳͲʹ࢖༻Մೳ
4. QVQQFUFFSͱ͸ʁ  const puppeteer = require('puppeteer'); (async() => { const browser = await puppeteer.launch({ args: [ '--no-sandbox’, '--disable-setuid-sandbox’, ], }); const page = await browser.newPage(); await page.goto('https://www.google.com/search?q=puppeteer'); const title = await page.evaluate(() => { return document.querySelector('h3').innerText; }); console.log(title); browser.close(); })()
5. QVQQFUFFSͱ͸ʁ 
6. QVQQFUFFSͱ͸ʁ 
7. Α͘٧·Δͱ͜Ζ   BTZOD 
   BXBJU  σʔλड͚౉͠  DPOTPMFMPH
8. BTZOD 
   BXBJU   QVQQFUFFSͰͷ$ISPNFૢ࡞͸ඇಉظ  1SPNJTFܗࣜͰฦ͞ΕΔ const puppeteer = require('puppeteer'); (async() => { const browser = await puppeteer.launch({ args: [ '--no-sandbox’, '--disable-setuid-sandbox’, ], }); const page = await browser.newPage(); await page.goto('https://www.google.com/search?q=puppeteer'); const title = await page.evaluate(() => { return document.querySelector('h3').innerText; }); console.log(title); browser.close(); })()
9. BTZOD 
   BXBJU   QVQQFUFFSͰͷ$ISPNFૢ࡞͸ඇಉظ  1SPNJTFܗࣜͰฦ͞ΕΔ const puppeteer = require('puppeteer'); (async() => { const browser = await puppeteer.launch({ args: [ '--no-sandbox’, '--disable-setuid-sandbox’, ], }); const page = await browser.newPage(); await page.goto('https://www.google.com/search?q=puppeteer'); const title = await page.evaluate(() => { return document.querySelector('h3').innerText; }); console.log(title); browser.close(); })()
10. const puppeteer = require('puppeteer'); (async() => { const browser = await puppeteer.launch({ args: [ '--no-sandbox’, '--disable-setuid-sandbox’, ], }); const page = browser.newPage(); await page.goto('https://www.google.com/search?q=puppeteer'); const title = await page.evaluate(() => { return document.querySelector('h3').innerText; }); console.log(title); browser.close(); })() BTZOD 
    BXBJU   QVQQFUFFSͰͷ$ISPNFૢ࡞͸ඇಉظ  1SPNJTFܗࣜͰฦ͞ΕΔ await入れ忘れる
11. BTZOD 
    BXBJU   Τϥʔى͖ͯ΋ݪҼ͕BXBJU࿙Εͩͱؾ෇͖ʹ͍͘
12. Α͘٧·Δͱ͜Ζ   BTZOD 
    BXBJU  σʔλड͚౉͠  DPOTPMFMPH
13. σʔλड͚౉͠  const puppeteer = require('puppeteer'); (async() => { const browser = await puppeteer.launch({ args: [ '--no-sandbox’, '--disable-setuid-sandbox’, ], }); const page = await browser.newPage(); const url = 'https://www.google.com/search?q=puppeteer’; await page.goto(url); const tagName = 'h3’; const title = await page.evaluate(() => { return document.querySelector(tagName).innerText; }); console.log(title); browser.close(); })() evaluate内でtagName 使えるのでは？
14. σʔλड͚౉͠ 
15. DPOTPMFMPH  const puppeteer = require('puppeteer'); (async() => { const browser = await puppeteer.launch({ args: [ '--no-sandbox’, '--disable-setuid-sandbox’, ], }); const page = await browser.newPage(); const url = 'https://www.google.com/search?q=puppeteer’; await page.goto(url); const tagName = 'h3’; const title = await page.evaluate(() => { console.log(‘test’); return document.querySelector(tagName).innerText; }); console.log(title); browser.close(); })() デバッグ用にevaluate内で console.log
16. DPOTPMFMPH 
17. 
18.  const puppeteer = require('puppeteer'); (async() => { const browser = await puppeteer.launch({ args: [ '--no-sandbox’, '--disable-setuid-sandbox’, ], }); const page = await browser.newPage(); const url = 'https://www.google.com/search?q=puppeteer’; await page.goto(url); const tagName = 'h3’; const title = await page.evaluate(() => { console.log('test’); return document.querySelector(tagName).innerText; }); console.log(title); browser.close(); })() Chrome内で実行される
19. 
20.  const puppeteer = require('puppeteer'); (async() => { const browser = await puppeteer.launch({ args: [ '--no-sandbox’, '--disable-setuid-sandbox’, ], }); const page = await browser.newPage(); const url = 'https://www.google.com/search?q=puppeteer’; await page.goto(url); const tagName = 'h3’; const title = await page.evaluate((name) => { return document.querySelector(name).innerText; }, tagName); console.log(title); browser.close(); })()
21. 
22. ·ͱΊ   QVQQFUFFSʹ͍ͭͯ؆୯ͳ঺հ  ং൫ͷͭ·ΓͲ͜Ζ  BTZOD 
    BXBJU
    ͚ͭ๨Ε໰୊  FWBMVBUFʹσʔλΛड͚౉͢  FWBMVBUF಺ͰDPOTPMFMPHΛ࢖ͬͯ΋ίϯιʔϧʹ͸ग़ྗ͞ Εͳ͍