1. Des produits
  2.   Image
  3.   JavaScript
  4.   Capture-Website
 
  

Bibliothèque JavaScript Open Source pour le traitement d'images

API JavaScript pour capturer des captures d'écran de sites Web

Qu'est-ce que Capture-Site Web ?

Capture-Website est une bibliothèque de traitement de l'image légère à source ouverte qui permet à JavaScript développeurs de saisir des écrans de sites Web. Vous pouvez utiliser les API points de contrôle de tout site Web en utilisant les URL points du site et les écrans sont sauvegardés sur la voie des fichiers de sortie. Vous pouvez fixer la largeur, la hauteur, le type et la qualité de l'image des écrans. De plus, vous pouvez aussi prendre des écrans en fonction de la taille des appareils.

En utilisant l'API, vous pouvez non seulement prendre des captures d'écran de la partie visible, mais aussi du site complet, y compris la page défilante complète. Par défaut, l'API utilise un fond blanc pour les captures d'écran. Si vous supprimez l'arrière-plan, l'API capturera des captures d'écran avec transparence.

Previous Next

Premiers pas avec Capture-Website

La méthode recommandée pour installer Capture-Website via NPM. Veuillez utiliser la commande suivante pour l'installer.

Installer Capture-Website Thief via NPM

 npm install capture-website

Capturez des captures d'écran du site Web via l'API JavaScript gratuite

La bibliothèque de Capture-Website sources ouvertes permet à JavaScript développeurs de saisir les écrans des sites Web de façon programmatique. Afin de saisir les écrans du site, la méthode de API fournit captureWebsite.file(). La méthode prend le nom du fichier d'entrée, la voie du fichier de sortie et les options pour les écrans. En utilisant les deux lignes de code suivantes, vous pouvez facilement prendre des écrans du site Web.

Capturer des captures d'écran du site Web

  1. Bibliothèque de sites Web de capture d'importation
  2. Scènes de capture d'un site à l'aide de captureWebsite.file (intrant, sortie, chemin de sortie, options). La méthode permet de saisir un écran de l'entrée donnée et de le faire à la sortie donnée.
  3. Vous pouvez aussi établir des options comme la hauteur, le type de largeur et la largeur du fichier de sortie.

Capturer des captures d'écran du site Web en JavaScript

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

Capturer des captures d'écran pour une taille d'appareil spécifique en JavaScript

La bibliothèque open source Capture-Website permet aux développeurs JavaScript de capturer une capture d'écran telle qu'elle a été prise sur l'appareil spécifié. Afin de capturer des captures d'écran du site, l'API fournit la propriété emulateDevice. Vous pouvez émuler une capture d'écran de taille iPhone X. En utilisant les deux lignes de code suivantes, vous pouvez facilement émuler des captures d'écran du site Web.

Émuler un appareil pour les captures d'écran

  1. Bibliothèque de sites Web de capture d'importation
  2. Capturez des captures d'écran du site à l'aide de captureWebsite.file(input, outputFilePath, options ?). La méthode capture une capture d'écran de l'entrée donnée et l'enregistre dans le outputFilePath donné.
  3. Emuler à l'aide de la propriété emulateDevice et définir la valeur sur 'iPhone X'

Émuler des captures d'écran du site Web en JavaScript

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