Puppeteer -headless Chrome 的 Node.js API

旧城等待， 2022-12-18 12:58 127阅读 0赞

[Puppeteer][] 是一个控制 headless Chrome 的 Node.js API 。它是一个 Node.js 库，通过 [DevTools 协议][DevTools]提供了一个高级的 API 来控制 [headless][] Chrome。它还可以配置为使用完整的（非 headless）Chrome

Puppeteer的例子：

*  生成屏幕截图和 PDF 页面
 *  检索 SPA 并生成预渲染内容（即“SSR”）
 *  从网站上爬取内容
 *  自动提交表单，UI测试，键盘输入等
 *  创建一个最新的自动测试环境。使用最新的 JavaScript 和浏览器功能，在最新版本的 Chrome 中直接运行测试
 *  捕获网站的[时间线跟踪][Link 1]，以帮助诊断性能问题

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2VqaW54aWFu_size_16_color_FFFFFF_t_70][]

const puppeteer = require('puppeteer');
    
    (async () => {
      const browser = await puppeteer.launch();
      const page = await browser.newPage();
      await page.goto('https://example.com');
      await page.screenshot({path: 'example.png'});
    
      await browser.close();
    })();

### 参考文献 ###

*  [Puppeteer 指南][Puppeteer 1]
 *  [Puppeteer 性能优化与执行速度提升][Puppeteer 2]
 *  [phantomJs之殇，chrome-headless之生][phantomJs_chrome-headless]
 *  [Headless Chrome vs PhantomJS Benchmark][]
 *  [Scraping iframes with Puppeteer][]

[Puppeteer]: https://github.com/puppeteer/puppeteer
[DevTools]: https://chromedevtools.github.io/devtools-protocol/
[headless]: https://developers.google.com/web/updates/2017/04/headless-chrome
[Link 1]: https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/reference
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2VqaW54aWFu_size_16_color_FFFFFF_t_70]: /images/20221122/ee129c8d4acb4c3586d8ea0b3f59b284.png
[Puppeteer 1]: https://link.zhihu.com/?target=http%3A//blog.xcatliu.com/2018/09/18/puppeteer_tutorial/
[Puppeteer 2]: https://link.zhihu.com/?target=https%3A//blog.it2048.cn/article-puppeteer-speed-up/
[phantomJs_chrome-headless]: https://zhuanlan.zhihu.com/p/33015883
[Headless Chrome vs PhantomJS Benchmark]: https://link.zhihu.com/?target=https%3A//hackernoon.com/benchmark-headless-chrome-vs-phantomjs-e7f44c6956c
[Scraping iframes with Puppeteer]: https://link.zhihu.com/?target=https%3A//kb.apify.com/en/articles/2116540-scraping-iframes-with-puppeteer