如何從任何網站產生螢幕截圖

原文作者：browserless

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

了解如何使用兩種無瀏覽器方法在程式碼中截取網站螢幕截圖：用於單一 POST 到 PNG 流程的 /screenshot REST API，以及用於完全程式控制的瀏覽器即服務上的 Puppeteer。該影片演示了每個選項，並展示了何時選擇哪一個。您將學到什麼： 1) 為什麼 page.screenshot 在現代網站上返回空白圖像 2) 如何使用 /screenshot 透過單一 API 呼叫獲取全頁螢幕截圖 3) 如何在沒有 URL 的情況下將 HTML 直接渲染為螢幕截圖 4) 如何將 Puppeteer 連接到無瀏覽器 BaaScreens.何時使用 REST Screenshot API 與 Puppeteer 進行螢幕截圖工作流程章節： 00:00 如何使用無瀏覽器截取網站螢幕截圖（2 種方法） 01:12 為什麼 page.screenshot 在現代網站上返回空白圖片 02:08 使用無瀏覽器 /screenshot截取螢幕截圖 04:20 使用 Puppeteer 進行螢幕截圖，並使用 BaaS 進行 page.screenshot 05:27 執行操作，然後截取螢幕截圖05:52 使用 Puppeteer 對特定元素進行螢幕截圖 06:05 何時使用 Screenshot API 與 Screen文件：https://docs.browserless.io/rest-apis/screenshot-api - 瀏覽器即服務快速入門：https://docs.browserless.io/baas/start - 免費計畫註冊： https://www.browserless.io/signup/email.plan=free - 資訊與螢幕截圖產生的部落格：https 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