如何从任何网站生成屏幕截图

原文作者：browserless

原文来源：https://www.youtube.com/embed/BpbYQxWIyhw

了解如何使用两种无浏览器方法在代码中截取网站屏幕截图：用于单个 POST 到 PNG 流程的 /screenshot REST API，以及用于完全编程控制的浏览器即服务上的 Puppeteer。该视频演示了每个选项，并展示了何时选择哪个。您将学到什么： 1) 为什么 page.screenshot 在现代网站上返回空白图像 2) 如何使用 /screenshot 通过单个 API 调用获取全页屏幕截图 3) 如何在没有 URL 的情况下将 HTML 直接渲染为屏幕截图 4) 如何将 Puppeteer 连接到无浏览器 BaaS 并调用 page.screenshot 5) 如何使用 CSS 选择器捕获页面上的单个元素 6) 何时使用 REST Screenshot API 与 Puppeteer 进行屏幕截图工作流程章节： 00:00 如何使用无浏览器截取网站屏幕截图（2 种方法） 01:12 为什么 page.screenshot 在现代网站上返回空白图像 02:08 使用无浏览器 /screenshot API 截取屏幕截图 03:33 截取屏幕截图并剪辑图像 03:50 从原始 HTML 截取屏幕截图 04:20 使用 Puppeteer 进行屏幕截图，并使用 BaaS 进行 page.screenshot 05:27 执行操作，然后截取屏幕截图05:52 使用 Puppeteer 对特定元素进行屏幕截图 06:05 何时使用 Screenshot API 与 Puppeteer 07:13 Screenshot API 和 Puppeteer 回顾链接： - Screenshot API 文档：https://docs.browserless.io/rest-apis/screenshot-api - 浏览器即服务快速入门：https://docs.browserless.io/baas/start - 免费计划注册： https://www.browserless.io/signup/email?plan=free - 关于 PDF 和屏幕截图生成的博客：https://www.browserless.io/blog/how-browserless-makes-pdf- Generation-and-screenshots-simple-with-api-endpoints - 屏幕截图机器人被阻止？：https://docs.browserless.io/rest-apis/unblock - Puppeteer 和 Playwright 的 WaitUntil 选项https://www.browserless.io/blog/waituntil-option-for-puppeteer-and-playwright - 抓取示例网站：https://scraping-sandbox.netlify.app/products 视频中使用的工具：Puppeteer、Node.js、cURL、Browserless Screenshot REST API #Puppeteer #Screenshot #API #WebAutomation #Browserless