window-size, setViewport (puppeteer)

taelee·2020년 9월 19일
0
const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({headless: false}, args: ['--window-size=1920,1080', '--disable-notifications']);
  const page = await browser.newPage();
  await page.setViewport({
    width: 1080,
    height: 1080,
  });
  await page.goto('https://news.ycombinator.com', {waitUntil: 'networkidle2'});
  await page.pdf({path: 'hn.pdf', format: 'A4'});

  await browser.close();
})();
  • 위의 코드에서 window size를 1920, 1080으로 주고
    viewport는 1080, 1080으로 주었는데 둘의 차이를 설명하겠습니다.

  • window size : 퍼펫티어 전체 창의 크기

  • viewport : 퍼펫티어내의 사이트의 화면이 뜨는부분의 크기

window size는 모니터 해상도에 맞춰서 크게 띄우고
viewport는 window size보다는 좀 작게 해서 개발자 콘솔을 옆에 띄울수 있게 조절할 수 있음

profile
back-end, cloud, docker, web의 관심이 있는 예비개발자입니다.

0개의 댓글