본문 바로가기

카테고리 없음

웹페이지 스크린샷: Screenshot of a web page using Puppeteer with a specific browser width

To get a screenshot of a web page using Puppeteer with a specific browser width, you can follow these steps:

  1. Install Puppeteer by running the command npm install puppeteer in your project directory.
  2. Require Puppeteer in your Node.js script:
const puppeteer = require('puppeteer');
  1. Launch a new browser instance with the desired viewport size:
const browser = await puppeteer.launch({
  defaultViewport: {
    width: 1280,
    height: 720,
  },
});
  1. Create a new page in the browser:
const page = await browser.newPage();
  1. Navigate to the desired URL:
await page.goto('https://example.com');
  1. Take a screenshot of the page:
await page.screenshot({ path: 'screenshot.png' });
  1. Close the browser instance:
await browser.close();

Here's the complete code:

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({
    defaultViewport: {
      width: 1280,
      height: 720,
    },
  });
  const page = await browser.newPage();
  await page.goto('https://example.com');
  await page.screenshot({ path: 'screenshot.png' });
  await browser.close();
})();

This code will save a screenshot of the web page with a width of 1280 pixels and a height of 720 pixels as a PNG image file named screenshot.png in the current directory. You can modify the viewport size and the path/filename to your liking.