範例

執行這些範例之前,請先查看 Puppeteer 存放區並安裝依附元件:

npm i
# You can also use yarn.

執行範例

範例可從根資料夾執行:

NODE_PATH=../ node examples/search.js

放大範例

如需較複雜且以案例為核心的範例,請前往 github.com/GoogleChromeLabs/puppeteer-examples

其他使用 Puppeteer 的實用工具、文章和專案

轉譯與網頁剪輯

  • Puppetron:示範網站,示範如何使用 Puppeteer 和 Headless Chrome 來轉譯網頁。靈感來自 GoogleChrome/rendertron
  • Thal:開始使用 Puppeteer 和 Chrome Headless 進行網路裁剪。
  • pupperender:這個 Express 中介軟體會檢查傳入要求的 User-Agent 標頭,如果其與一組可設定的機器人相符,則使用 Puppeteer 轉譯頁面。適合用於 PWA 算繪。
  • headless-chrome-Crawler:這個檢索器提供用於操控無頭 Chrome 的 API,並可讓您檢索動態網站。
  • puppeteer-examples:Puppeteer Headless Chrome 範例用於實際使用情境,例如從網頁或常見的登入情境中取得實用資訊。
  • 無瀏覽器:無頭 Chrome 是一種服務,可讓您從遠端執行 Puppeteer 指令碼。提供具有並行、啟動引數等設定的 Docker 映像檔。
  • 在 AWS Lambda 中使用 Puppeteer:使用無伺服器架構在 AWS Lambda 中執行 puppeteer
  • Apify SDK:可擴充的 JavaScript 網頁檢索和抓取程式庫。自動管理 Puppeteer 瀏覽器集區,並提供錯誤處理、工作管理、Proxy 輪替等功能。

測試

  • angular-puppeteer-demo:說明如何在 Karma 中使用 Puppeteer 示範存放區。
  • mocha-headless-chrome:這項工具可透過無頭 Chrome,在指令列中執行用戶端 Mocha 測試。
  • puppeteer-to-istanbul-example:示範如何以伊斯坦堡格式輸出 Puppeteer 涵蓋率的示範存放區。
  • jest-puppeteer:(幾乎) 用於設定及執行 Jest 和 Puppeteer 的零設定工具。也包含 Puppeteer 的斷言程式庫。
  • puppeteer-har:使用 puppeteer 產生 HAR 檔案。
  • puppetry:無需寫程式即可建構 Puppeteer 和 Jeest 驅動測試的電腦應用程式。
  • puppeteer-loadtest:用於在 Puppeteer 指令碼上執行負載測試的指令列介面。
  • cucumber-puppeteer-example:示範使用 Puppeeteer 和 Cucumber 進行整合測試的範例存放區。

服務

  • Checkly:監控使用 Puppeteer 檢查網頁和應用程式是否可用性和正確性的軟體式服務 (SaaS)。