So erstellen Sie einen Screenshot von einer beliebigen Website

Ursprünglicher Autor：browserless

Originalquelle：https://www.youtube.com/embed/BpbYQxWIyhw

Erfahren Sie, wie Sie mit zwei browserlosen Methoden einen Website-Screenshot im Code erstellen: der /screenshot REST-API für einen einzelnen POST-to-PNG-Flow und Puppeteer auf Browsers as a Service für vollständige programmgesteuerte Kontrolle. Dieses Video führt Sie durch eine Demo jeder einzelnen Variante und zeigt, wann Sie welche auswählen sollten. Was Sie lernen werden: 1) Warum page.screenshot auf modernen Websites leere Bilder zurückgibt 2) Wie Sie mit /screenshot einen ganzseitigen Screenshot mit einem einzigen API-Aufruf erstellen 3) Wie Sie HTML ohne URL direkt in einen Screenshot rendern 4) Wie Sie Puppeteer mit Browserless BaaS verbinden und page.screenshot aufrufen 5) Wie Sie mit einem CSS-Screenshot-Selektor ein einzelnes Element auf der Seite erfassen 6) Wann Sie die REST-API vs. Puppeteer für Ihren Screenshot-Workflow verwenden sollten Kapitel: 00:00 So erstellen Sie einen Website-Screenshot mit Browserless (2 Methoden) 01:12 Warum page.screenshot auf modernen Websites leere Bilder zurückgibt 02:08 Erstellen Sie einen Screenshot mit der Browserless /screenshot API 03:33 Machen Sie einen Screenshot und schneiden Sie das Bild aus 03:50 Machen Sie einen Screenshot aus Roh-HTML 04:20 Screenshot mit Puppeteer und page.screenshot mit BaaS 05:27 Führen Sie Aktionen aus und machen Sie dann einen Screenshot 05:52 Screenshot ein bestimmtes Element mit Puppeteer 06:05 Wann sollte die Screenshot-API im Vergleich zu Puppeteer verwendet werden 07:13 Screenshot-API und Puppeteer-Zusammenfassung Links: – Screenshot-API-Dokumente: https://docs.browserless.io/rest-apis/screenshot-api – Browsers as a Service-Schnellstart: https://docs.browserless.io/baas/start – Kostenlose Plananmeldung: https://www.browserless.io/signup/email?plan=free – Blog zur PDF- und Screenshot-Generierung: https://www.browserless.io/blog/how-browserless-makes-pdf-generation-and-screenshots-simple-with-api-endpoints – Screenshot-Bot blockiert?: https://docs.browserless.io/rest-apis/unblock – WaitUntil-Optionen für Puppenspieler und Dramatiker https://www.browserless.io/blog/waituntil-option-for-puppeteer-and-playwright – Scraping-Beispielseite: https://scraping-sandbox.netlify.app/products Im Video verwendete Tools: Puppeteer, Node.js, cURL, Browserless Screenshot REST API #Puppeteer #Screenshot #API #WebAutomation #Browserless