Puppeteer 20 的新 headless 模式：功能更强大，性能更优

前端

2023-09-10 13:17:34

新版 Puppeteer headless 模式升级：无头模式再进化

在 Puppeteer 的 20 版本中，headless 模式迎来了重大升级，解决了传统 headless 模式的诸多问题，带来了更强大的功能。本文将详细解读新版 headless 模式的升级内容，并指导您如何使用。

传统 headless 模式的缺陷

传统 headless 模式与 headful 模式的设计相似，依然会打开一个浏览器窗口，只是将其隐藏起来，通过 remote-debugging 进行控制。这种设计存在以下缺陷：

占用更多内存和资源
性能降低
无法充分模拟真实的无头环境

新版 headless 模式的升级

新版 headless 模式完全摒弃了浏览器窗口，真正实现了无头模式。这意味着：

内存和资源占用大幅降低
性能大幅提升
提供更真实的无头环境

新特性

除了无头模式的改进，新版 Puppeteer 还带来了诸多新特性，包括：

指定 headless 设备： 支持 iPhone、iPad、Pixel 等多种设备
控制网络连接： 设置代理、修改 user agent
设置超时时间： 防止脚本无限运行
新 API： page.setRequestInterception 和 page.setGeolocation 等

如何使用新版 headless 模式

使用新版 headless 模式非常简单，只需要在启动 Puppeteer 时指定 headless: 'new' 即可：

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({
    headless: 'new',
    args: ['--no-sandbox', '--disable-setuid-sandbox']
  });
  const page = await browser.newPage();
  await page.goto('https://example.com');
  await page.screenshot({path: 'example.png'});

  await browser.close();
})();