이미지 처리를 위한 오픈 소스 JavaScript 라이브러리
다양한 해상도로 웹사이트의 스크린샷을 캡처하세요.
페이지레스란?
Pageres는 JavaScript 개발자가 프로그래밍 방식으로 웹사이트의 스크린샷을 찍을 수 있게 해주는 무료 오픈 소스 API입니다. API의 목적은 웹사이트가 반응형인지 확인하는 것입니다. 가볍고 빠르며 1분 만에 10개의 다른 웹사이트에서 100개의 스크린샷을 생성할 수 있습니다. 웹사이트가 반응형인지 확인하기 위해 다양한 해상도의 스크린샷을 찍습니다. 또한 API를 사용하여 SVG 이미지를 렌더링할 수도 있습니다.
사이트의 스크린샷을 찍으려면 사이트의 URL을 전달해야 합니다. 출력 스크린샷의 크기, 너비, 높이, 날짜 및 시간을 지정할 수 있습니다. 또한 스크린샷에 증분 이름을 지정할 수 있으므로 파일이 있을 때 증분 번호가 추가됩니다.
Pageres 시작하기
NPM을 통해 Pageres를 설치하는 권장 방법입니다. 다음 명령을 사용하여 설치하십시오.
Install Pageres via NPM
NPM을 통해 Pageres 설치
npm install pageres
무료 JavaScript API를 통해 웹사이트 스크린샷 캡처
오픈 소스 Pageres 라이브러리를 사용하면 JavaScript 개발자가 프로그래밍 방식으로 웹 사이트의 스크린샷을 찍을 수 있습니다. 웹사이트의 스크린샷을 찍기 위해 API는 Pageres() 메소드를 제공합니다. 스크린샷을 찍는 동안 지연, 시간 초과, 자르기, CSS 및 기타 옵션을 설정할 수 있습니다. 출력 파일의 경우 크기, 너비, 높이, 날짜 및 시간을 설정할 수 있습니다. 다음 코드를 사용하여 웹사이트의 스크린샷을 찍을 수 있습니다.
JavaScript에서 스크린샷 캡처
- 라이브러리 가져오기
- 스크린샷 캡처
JavaScript로 웹사이트의 스크린샷 캡처
const Pageres = require('pageres');
(async () => {
await new Pageres({delay: 2})
.src('https://products.fileformat.com', ['480x320', '1024x768', 'iphone 5s'], {crop: true})
.dest(__dirname)
.run();
console.log('Finished generating screenshots!');
})();
});