[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(); })(); ```