Biblioteca JavaScript de código abierto para el procesamiento de imágenes
API de JavaScript para capturar capturas de pantalla de sitios web
¿Qué es Capture-Website?
Capture-Website es una biblioteca de procesamiento de imágenes ligera de código abierto que permite a los desarrolladores de JavaScript capturar capturas de pantalla de sitios web. Usando la API, puede tomar capturas de pantalla de cualquier sitio web usando la URL del sitio y las capturas de pantalla se guardan en la ruta del archivo de salida. Puede establecer el ancho, alto, tipo y calidad de imagen de las capturas de pantalla. Además, también puede tomar capturas de pantalla basadas en tamaños de dispositivos específicos.
Con la API, no solo puede tomar capturas de pantalla de la parte visible, sino también del sitio completo, incluida la página desplazable completa. De forma predeterminada, la API utiliza un fondo blanco para las capturas de pantalla. Si elimina el fondo, la API capturará capturas de pantalla con transparencia.
Introducción a Capture-Website
La forma recomendada de instalar Capture-Website a través de NPM. Utilice el siguiente comando para instalarlo.
Instale Capture-Website Thief a través de NPM
npm install capture-website
Capture capturas de pantalla del sitio web a través de la API de JavaScript gratuita
La biblioteca Capture-Website de código abierto permite a los desarrolladores de JavaScript capturar capturas de pantalla de sitios web mediante programación. Para capturar capturas de pantalla del sitio, la API proporciona el método captureWebsite.file(). El método toma un nombre de archivo de entrada, una ruta de archivo de salida y opciones para las capturas de pantalla. Al usar las siguientes dos líneas de código, puede obtener fácilmente capturas de pantalla del sitio web.
Capturar capturas de pantalla del sitio web
- Biblioteca de sitios web de captura de importación
- Capture capturas de pantalla de un sitio usando captureWebsite.file (input, outputFilePath, options?). El método captura una captura de pantalla de la entrada dada y la guarda en la ruta del archivo de salida dada.
- También puede establecer opciones como altura, tipo de ancho y ancho para el archivo de salida
Capturar capturas de pantalla del sitio web en JavaScript
import captureWebsite from 'capture-website';
await captureWebsite.file('https://fileformat.com', 'screenshot.png');
Capture capturas de pantalla para un tamaño de dispositivo específico en JavaScript
La biblioteca Capture-Website de código abierto permite a los desarrolladores de JavaScript capturar capturas de pantalla tal como se tomaron en el dispositivo especificado. Para capturar capturas de pantalla del sitio, la API proporciona la propiedad emulateDevice. Puede emular una captura de pantalla del tamaño de un iPhone X. Al usar las siguientes dos líneas de código, puede emular fácilmente capturas de pantalla del sitio web.
Emular dispositivo para capturas de pantalla
- Biblioteca de sitios web de captura de importación
- Capture capturas de pantalla del sitio usando captureWebsite.file (input, outputFilePath, options?). El método captura una captura de pantalla de la entrada dada y la guarda en la ruta del archivo de salida dada.
- Emule usando la propiedad emulateDevice y establezca el valor en 'iPhone X'
Emular capturas de pantalla del sitio web en JavaScript
import captureWebsite from 'capture-website';
await captureWebsite.file('https://fileformat.com', 'screenshot.png', {
emulateDevice: 'iPhone X'
});