Herramientas para capturar y convertir la web

Cómo tomar una captura de pantalla de la página web de su usuario en JavaScript

¿Alguna vez has querido tomar una captura de pantalla de la página web de un usuario? Quizás para facilitar la corrección de errores o el usuario interface mejoras? Bueno puedes con API de JavaScript de GrabzIt.

Para capturar una página de usuarios, debe usar el ConvertPage método. Esto nos envía el contenido de la página de usuarios para convertir intuna imagen, PDF, DOCX o cualquier otra cosa que admitamos. Es importante recordar que no se pueden cargar recursos como CSS o imágenes, a menos que estén en la captura de pantalla, a menos que estén disponibles públicamente. Sin embargo, este suele ser el caso.

El ejemplo simple a continuación muestra lo fácil que es capturar una página web de un usuario usando la biblioteca de GrabzIt. Simplemente coloque el código en la parte inferior de la página que desea capturar.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage().Create();
</script>

Tenga en cuenta que puede pasar cualquier parámetros permite por la API de JavaScript a la ConvertPage método, para personalizar aún más su captura de pantalla. Por ejemplo, en el siguiente ejemplo, hacemos que la captura de pantalla tenga el mismo ancho que la página web del usuario, mientras capturamos su altura completa.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage({
   "bwidth":document.documentElement.clientWidth,
   "bheight": -1, 
   "height": -1,
   "width": -1
}).Create();
</script>

Sin embargo, los ejemplos anteriores son limitados, ya que deberá activar la captura de una página web en un evento de algún tipo, en lugar de solo capturar la página cuando se carga la página web. Por ejemplo, dos posibles alternativas serían capturar la página web con un clic de botón o con regularidad intervals con un temporizador.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
setTimeout(function(){
   GrabzIt("Sign in to view your Application Key").ConvertPage({
      "bwidth":document.documentElement.clientWidth,
      "bheight": -1, 
      "height": -1,
      "width": -1
   }).CreateInvisible();
}, 30000);
</script>

En el ejemplo anterior, creamos automáticamente una captura de pantalla de la página web del usuario cada 30 segundos. Pero en lugar de agregar la captura de pantalla a la página web del usuario o descargarla, como Create El método utilizado en los ejemplos anteriores funcionaría, dependiendo del formato. los CreateInvisible se utiliza el método, que no devolverá un resultado al usuario.

A continuación, puede save la captura de pantalla de JavaScript utilizando uno de los siguientes métodos. El parámetro de exportación para exportar el resultado a Amazon, Dropbox, FTP o más. O puede usar el evento de finalización para llamar a un servicio web para save el resultado o el DataURI Método para publicar el resultado en un servicio web.

Obviamente, no hace falta decir que probablemente tendrá que informar a sus usuarios que está haciendo esto.

Puede comenzar a hacer capturas de pantalla de la página web actual de forma gratuita, mediante creando una cuenta y copiando el código anterior into una página web que desea capturar. Recuerde que para asegurarse de que otras personas no usen su cuenta, debe autoriza tu dominio antes de que funcione en tu sitio web.