[TOC] > [官網](https://pptr.dev/#?product=Puppeteer&version=v5.3.1&show=api-class-keyboard) ## 概述 它提供了一些高級API來通過DevTools協議控制Chromium或Chrome ## 功能 * 生成頁面的截圖和PDF； * 抓取 SPA 并生成預渲染的內容（即“SSR”）； * 從網站抓取內容； * 自動表單提交，UI測試，鍵盤輸入等； * 創建一個最新的自動化測試環境。 使用最新的 JavaScript 和瀏覽器功能，直接在最新版本的 Chrome 中運行測試； * 捕獲你網站的 Timeline Trace，來幫助診斷性能問題； ## APi * Puppeteer：通過DevTools協議與瀏覽器通信，創建Browser實例。 * Browser：瀏覽器實例，可以擁有多個BrowserContext。 * BrowserContext：定義了一個瀏覽會話，可以擁有多個Page。 * Page：至少有一個Frame：主框架。 可能存在由iframe或框架標簽創建的其他幀。 * Frame: 至少有一個執行上下文 - 默認執行上下文 - 執行框架的JavaScript。 Frame可能有與擴展相關聯的其他執行上下文。 * Worker: 具有單個執行上下文，便于與WebWorkers交互。  ## 安裝 ``` npm i puppeteer ``` ## 示例 ## hello world ``` const puppeteer = require('puppeteer'); (async () => { const browser = await puppeteer.launch(); const page = await browser.newPage(); await page.goto('https://www.baidu.com'); await page.screenshot({path: 'example.png'}); await browser.close(); })(); ```