Puppeteer 的命令行利器：截图神器

2023-12-14 16:10:19

在当今数字世界中，网站截图已成为一种至关重要的工具。无论是捕获网站设计以供参考，还是创建在线教程，都能发挥巨大作用。而 Puppeteer 作为一种强大的网络自动化工具，为我们提供了出色的命令行解决方案，可以轻松获取网站截图。

本文将深入探讨 Puppeteer CLI 工具，从安装到高级用法，全面揭秘其强大的功能。

安装

要开始使用 Puppeteer，您需要首先安装 Node.js。安装完成后，可以使用以下命令全局安装 Puppeteer：

npm install -g puppeteer

基本用法

基本用法很简单，只需指定要截取的 URL 和输出文件路径即可：

puppeteer-screenshot --url https://example.com --output screenshot.png

此命令将捕获 https://example.com 网站的截图并将其保存为名为 screenshot.png 的文件。

高级用法

Puppeteer CLI 工具还提供了一些高级选项，可以进一步定制截图过程。

视口大小： 可以使用 --width 和 --height 选项指定视口大小。
设备仿真： 通过 --device 选项，可以模拟特定设备的屏幕尺寸和用户代理。
等待加载： 可以使用 --wait-for-element 和 --wait-for-timeout 选项分别等待特定元素加载或指定等待超时时间。
截取完整页面： 使用 --full-page 选项可以截取整个页面，包括滚动区域。

示例

以下是一个高级用法示例，它使用所有高级选项：

puppeteer-screenshot \
--url https://example.com \
--output screenshot.png \
--width 1280 \
--height 720 \
--device iPhone 6/7/8 \
--wait-for-element "#main-content" \
--wait-for-timeout 10000 \
--full-page