Puppeteer에서 스크린샷을 찍는 방법은 무엇인가요?

Puppeteer로 스크린샷을 찍는 것은 간단합니다. 브라우저 뷰포트를 설정하고 page.screenshot() 메서드를 사용하기만 하면 됩니다. Bright Data 홈페이지의 스크린샷을 캡처하는 방법은 다음과 같습니다:

      const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  // 뷰포트 크기 설정
  await page.setViewport({ width: 1920, height: 1080 });

  // Bright Data 홈페이지로 이동
  await page.goto('https://brightdata.com');

  try {
    // 스크린샷 캡처 및 저장
    await page.screenshot({ path: 'brightdata_homepage.jpg' });
  } catch (err) {
    console.error(`스크린샷 캡처 오류: ${err.message}`);
} finally {
    await browser.close();
    console.log('스크린샷 캡처 성공');
}
})();

    

Puppeteer에서 스크린샷을 찍는 단계:

  1. Puppeteer 설치: 프로젝트에 Puppeteer가 설치되어 있는지 확인하십시오.npm install puppeteer
  2. 브라우저 실행: puppeteer.launch()로 새 브라우저 인스턴스를 시작합니다.
  3. 새 페이지 열기: browser.newPage() 를 사용하여 새 페이지를 엽니다.
  4. 뷰포트 설정: page.setViewport({ width, height })를 사용하여 뷰포트 크기를 설정합니다.
  5. URL로 이동: page.goto('your-website-url')을 사용하여 원하는 URL로 이동합니다.
  6. 스크린샷 캡처: page.screenshot({ path: 'your-file-name.jpg' })를 사용하여 스크린샷을 캡처하고 저장합니다.
  7. 오류 처리: 스크린샷 로직을 try-catch 블록으로 감싸 오류 발생 시 처리합니다.
  8. 브라우저 닫기: browser.close()로 브라우저 인스턴스를 닫습니다.

이 방법은 Puppeteer를 사용하여 웹 페이지 스크린샷을 빠르고 안정적으로 캡처하는 방법을 보장합니다. 더 고급 기능이 필요한 경우, Bright Data의 Puppeteer 웹 스크래핑 브라우저는 웹사이트 차단 기능을 자동으로 우회하고 CAPTCHA 해결 및 브라우저 지문 인식 처리를 수행합니다. 단일 API와 Bright Data의 강력한 네트워크를 사용하여 손쉽게 확장할 수 있으며, 자체 인프라 구축 비용을 절감할 수 있습니다.

시작할 준비가 되셨나요?