Herramientas para capturar y convertir la web

Captura de pantalla y eventos de conversión HTML con JavaScript

API de JavaScript

GrabzIt expone varios eventos que permiten a los desarrolladores enganchar into las diferentes etapas que pueden ocurrir durante la captura de pantalla y la generación de captura.

OnFinish Event

La onfinish El evento llama a la función JavaScript proporcionada cuando la captura de pantalla está lista. Enganchar into el onfinish evento necesita proporcionar la función de JavaScript que debería ser llamada por GrabzIt.

La función de JavaScript debe tener un id parámetro, como a continuación. El parámetro id será igual a id de la captura de pantalla que fue tomada por la llamada de JavaScript. Un uso potencial de la id El parámetro podría ser hacer algo como usar AJAX para llamar al código del lado del servidor para descargar la captura de pantalla con esta coincidencia id en su servidor web, para que tenga un registro de todas las capturas de pantalla generadas en el JavaScript del lado del cliente.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
    {"onfinish": function(id){
        alert(id);
    }}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
    {"onfinish": function(id){
        alert(id);
    }}).Create();
</script>

Otro uso de esta función es ocultar o mostrar en las animaciones de la página o activar otras funciones de la página web, una vez que se ha cargado la captura de pantalla.

Evento de inicio

La onstart El evento llama a la función JavaScript proporcionada cuando la captura de pantalla ha comenzado a procesarse. Enganchar into el onstart evento necesita proporcionar la función de JavaScript que debería ser llamada por GrabzIt.

Al igual que onfinish, la función JavaScript de inicio debe tener un id parámetro, como a continuación. El parámetro id será igual a id de la captura de pantalla que tomará la llamada de JavaScript.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
    {"onstart": function(id){
        alert(id);
    }}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
    {"onstart": function(id){
        alert(id);
    }}).Create();
</script>

Evento OnError

La onerror Se llama al evento cuando se produce un error. Enganchar into este evento proporciona la función que debería manejar el evento, como se muestra a continuación.

La función de JavaScript que especifique para manejar eventos de error debe tener un message y code parámetro como se muestra a continuación. El mensaje es una explicación textual del error, y el código es el código numérico asociado con el error.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
    {"onerror": function(message, code){
        alert(message);
    }}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
    {"onerror": function(message, code){
        alert(message);
    }}).Create();
</script>