웹사이트에서 스크린샷을 생성하는 방법

원저자：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 Browserless /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 요약 링크: - 스크린샷 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