1. 제품
  2.   영상
  3.   JavaScript
  4.   Capture-Website
 
  

이미지 처리를 위한 오픈 소스 JavaScript 라이브러리

웹사이트의 스크린샷을 캡처하기 위한 JavaScript API

캡처 웹사이트란 무엇입니까?

Capture-Website는 JavaScript 개발자가 웹사이트의 스크린샷을 캡처할 수 있도록 하는 오픈 소스 경량 이미지 처리 라이브러리입니다. API를 사용하면 사이트의 URL을 사용하여 모든 웹사이트의 스크린샷을 찍을 수 있으며 스크린샷은 출력 파일 경로에 저장됩니다. 스크린샷의 너비, 높이, 유형 및 이미지 품질을 설정할 수 있습니다. 또한 특정 장치 크기에 따라 스크린샷을 찍을 수도 있습니다.

API를 사용하면 보이는 부분의 스크린샷을 찍을 수 있을 뿐만 아니라 스크롤 가능한 전체 페이지를 포함한 전체 사이트를 캡처할 수 있습니다. 기본적으로 API는 스크린샷에 흰색 배경을 사용합니다. 배경을 제거하면 API가 투명하게 스크린샷을 캡처합니다.

Previous Next

Capture-Website 시작하기

NPM을 통해 Capture-Website를 설치하는 권장 방법. 다음 명령을 사용하여 설치하십시오.

Install Capture-Website Thief via NPM

NPM을 통해 Capture-Website Thief 설치

 npm install capture-website

무료 JavaScript API를 통해 웹사이트 스크린샷 캡처

오픈 소스 Capture-Website 라이브러리를 사용하면 JavaScript 개발자가 프로그래밍 방식으로 웹 사이트의 스크린샷을 캡처할 수 있습니다. 사이트의 스크린샷을 캡처하기 위해 API는 captureWebsite.file() 메소드를 제공합니다. 이 메서드는 입력 파일 이름, 출력 파일 경로 및 스크린샷에 대한 옵션을 사용합니다. 다음 두 줄의 코드를 사용하여 웹사이트의 스크린샷을 쉽게 얻을 수 있습니다.

웹사이트 스크린샷 캡처

  1. 캡처 웹사이트 라이브러리 가져오기
  2. captureWebsite.file(input, outputFilePath, options?)을 사용하여 사이트의 스크린샷을 캡처합니다. 이 메서드는 주어진 입력의 스크린샷을 캡처하고 지정된 outputFilePath에 저장합니다.
  3. 출력 파일의 높이, 너비 유형 및 너비와 같은 옵션을 설정할 수도 있습니다.

JavaScript에서 웹사이트의 스크린샷 캡처

import captureWebsite from 'capture-website';
    await captureWebsite.file('https://fileformat.com', 'screenshot.png');

JavaScript에서 특정 장치 크기에 대한 스크린샷 캡처

오픈 소스 Capture-Website 라이브러리를 사용하면 JavaScript 개발자가 지정된 장치에서 찍은 스크린샷을 캡처할 수 있습니다. 사이트의 스크린샷을 캡처하기 위해 API는 emulateDevice 속성을 제공합니다. iPhone X 크기 스크린샷을 에뮬레이트할 수 있습니다. 다음 두 줄의 코드를 사용하여 웹사이트의 스크린샷을 쉽게 에뮬레이트할 수 있습니다.

스크린샷용 기기 에뮬레이션

  1. 캡처 웹사이트 라이브러리 가져오기
  2. captureWebsite.file(input, outputFilePath, options?)을 사용하여 사이트의 스크린샷을 캡처합니다. 이 메서드는 주어진 입력의 스크린샷을 캡처하고 지정된 outputFilePath에 저장합니다.
  3. emulateDevice 속성을 사용하여 에뮬레이트하고 값을 'iPhone X'로 설정

JavaScript에서 웹사이트의 스크린샷 에뮬레이션

import captureWebsite from 'capture-website';
    await captureWebsite.file('https://fileformat.com', 'screenshot.png', {
        emulateDevice: 'iPhone X'
    });
 한국인