Puppeteer & Playwright example codes

[Pamcy]

Puppeteer 和 Playwright 的程式碼範例整理

這是 Checkly (API & E2E monitoring platform) 出的整理，要注意的是這個網站有三個地方可以看

• Github 的舊 repo
  範例的使用情境比較多，缺點是不再維護。
  

  

• Github 的新 repo
  使用情境比較少

• 官方網站 theheadless.dev
  介面看起來比較漂亮，也有分類

自己目前是喜歡看舊版的 repo，覺得一目了然好閱讀。

[cola]

不曉得這是做什麼用的

[Pamcy]

很多時候沒有 idea 該怎麼寫時，有這個整理很方便！
例如你想寫一個用 puppeteer 自動登入 github 頁面，可以參考他們的範例怎麼寫，例如以下：

範例來源

const puppeteer = require('puppeteer')
const screenshot = 'github.png';
(async () => {
  const browser = await puppeteer.launch({ headless: true })
  const page = await browser.newPage()
  await page.goto('https://github.com/login')
  await page.type('#login_field', process.env.GITHUB_USER)
  await page.type('#password', process.env.GITHUB_PWD)
  await page.click('[name="commit"]')
  await page.waitForNavigation()
  await page.screenshot({ path: screenshot })
  browser.close()
  console.log('See screenshot: ' + screenshot)
})()

[cola]

哦哦哦!!

懂了，這個很棒耶
沒想到這個也能有個 GIT repo~~