1. Produkty
  2.   Obraz
  3.   JavaScript
  4.   Capture-Website
 
  

Biblioteka Open Source JavaScript do przetwarzania obrazu

API JavaScript do przechwytywania zrzutów ekranu witryn

Co to jest Capture-Website?

Capture-Website to lekka biblioteka do przetwarzania obrazów typu open source, która umożliwia programistom JavaScript przechwytywanie zrzutów ekranu witryn internetowych. Korzystając z interfejsu API, możesz wykonać zrzuty ekranu dowolnej witryny za pomocą adresu URL witryny, a zrzuty ekranu są zapisywane w ścieżce pliku wyjściowego. Możesz ustawić szerokość, wysokość, typ i jakość obrazu zrzutów ekranu. Co więcej, możesz także robić zrzuty ekranu w oparciu o określone rozmiary urządzeń.

Korzystając z interfejsu API, możesz nie tylko robić zrzuty ekranu widocznej części, ale także całej witryny, w tym w pełni przewijalnej strony. Domyślnie API używa białego tła dla zrzutów ekranu. Jeśli usuniesz tło, interfejs API będzie przechwytywać zrzuty ekranu z przezroczystością.

Previous Next

Pierwsze kroki z Capture-Website

Zalecany sposób instalacji Capture-Website przez NPM. Użyj następującego polecenia, aby go zainstalować.

Zainstaluj aplikację Capture-Website Thief przez NPM

 npm install capture-website

Przechwytuj zrzuty ekranu witryny za pomocą bezpłatnego interfejsu API JavaScript

Biblioteka Capture-Website o otwartym kodzie źródłowym umożliwia programistom JavaScript przechwytywanie zrzutów ekranu witryn internetowych w sposób programowy. W celu przechwytywania zrzutów ekranu witryny API udostępnia metodę captureWebsite.file(). Metoda przyjmuje nazwę pliku wejściowego, ścieżkę pliku wyjściowego i opcje zrzutów ekranu. Korzystając z poniższych dwóch linijek kodu, możesz łatwo zrobić zrzuty ekranu witryny.

Przechwytuj zrzuty ekranu witryny

  1. Importuj przechwytywanie biblioteki internetowej
  2. Przechwytywanie zrzutów ekranu witryny za pomocą captureWebsite.file(input, outputFilePath, options?). Metoda przechwytuje zrzut ekranu danych wejściowych i zapisuje go w danym outputFilePath.
  3. Możesz także ustawić opcje, takie jak wysokość, typ szerokości i szerokość pliku wyjściowego

Przechwytuj zrzuty ekranu witryny w JavaScript

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

Przechwytuj zrzuty ekranu dla określonego rozmiaru urządzenia w JavaScript

Biblioteka Capture-Website o otwartym kodzie źródłowym umożliwia programistom JavaScript przechwytywanie zrzutu ekranu, tak jak został zrobiony na określonym urządzeniu. W celu przechwytywania zrzutów ekranu witryny, API udostępnia właściwość emulateDevice. Możesz emulować zrzut ekranu w rozmiarze iPhone X. Korzystając z poniższych dwóch linijek kodu, możesz łatwo emulować zrzuty ekranu witryny.

Emuluj urządzenie do zrzutów ekranu

  1. Importuj przechwytywanie biblioteki internetowej
  2. Przechwytywanie zrzutów ekranu witryny za pomocą captureWebsite.file(input, outputFilePath, options?). Metoda przechwytuje zrzut ekranu danych wejściowych i zapisuje go w danym outputFilePath.
  3. Emuluj za pomocą właściwości emulateDevice i ustaw wartość na „iPhone X”

Emuluj zrzuty ekranu witryny w JavaScript

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