Erfahren Sie, wie Sie einen Screenshot einer Website im Code mit zwei Browserless-Methoden 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 zeigt eine Demo von jeder Methode und erklärt, wann welche zu wählen ist.
Was Sie lernen werden:
1) Warum page.screenshot auf modernen Websites leere Bilder zurückgibt
2) Wie man mit einem einzigen API-Aufruf einen Screenshot der gesamten Seite mit /screenshot erstellt
3) Wie man HTML direkt in einen Screenshot ohne URL rendert
4) Wie man Puppeteer mit Browserless BaaS verbindet und page.screenshot aufruft
5) Wie man ein einzelnes Element auf der Seite mit einem CSS-Selektor erfasst
6) Wann man die REST Screenshot API im Vergleich zu Puppeteer für Ihren Screenshot-Workflow verwenden sollte
Zusätzliche Links:
Kapitel:
00:00 So erstellen Sie einen Screenshot einer Website mit Browserless (2 Methoden)
01:12 Warum page.screenshot auf modernen Websites leere Bilder zurückgibt
02:08 Screenshot mit der Browserless /screenshot API erstellen
03:33 Screenshot erstellen und das Bild zuschneiden
03:50 Screenshot aus rohem HTML erstellen
04:20 Screenshot mit Puppeteer und page.screenshot unter Verwendung von BaaS
05:27 Aktionen ausführen und dann einen Screenshot erstellen
05:52 Ein bestimmtes Element mit Puppeteer screenshotten
06:05 Wann man die Screenshot API im Vergleich zu Puppeteer verwenden sollte
07:13 Zusammenfassung der Screenshot API und Puppeteer
Verwendete Tools im Video: Puppeteer, Node.js, cURL, Browserless Screenshot REST API
#Puppeteer #Screenshot #API #WebAutomation #Browserless