Eventi di conversione di screenshot e HTML con JavaScript

GrabzIt espone numerosi eventi che consentono agli sviluppatori di agganciarsi into le diverse fasi che possono verificarsi durante la generazione di screenshot e acquisizione.

Evento OnFinish

Le onfinish L'evento chiama la funzione JavaScript fornita quando lo screenshot è pronto. Agganciare into il onfinish è necessario fornire la funzione JavaScript che dovrebbe essere chiamata da GrabzIt.

La funzione JavaScript dovrebbe avere a id parametro, come di seguito. Il parametro id sarà uguale a id dello screenshot che è stato preso dalla chiamata JavaScript. Un potenziale utilizzo di id Il parametro potrebbe essere quello di fare qualcosa come usare AJAX per chiamare il codice lato server per scaricare lo screenshot con questa corrispondenza id sul tuo server web, in modo da avere una registrazione di tutti gli screenshot generati nel JavaScript lato client.

URL per immagine
HTML a immagine

<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>

Un altro uso di questa funzione è nascondere o mostrare nelle animazioni di pagina o attivare altre funzionalità della pagina Web, una volta caricato lo screenshot.

Evento OnStart

Le onstart L'evento chiama la funzione JavaScript fornita quando lo screenshot ha iniziato l'elaborazione. Agganciare into il onstart è necessario fornire la funzione JavaScript che dovrebbe essere chiamata da GrabzIt.

Proprio come onfinish, la funzione JavaScript onstart dovrebbe avere a id parametro, come di seguito. Il parametro id sarà uguale a id dello screenshot che verrà preso dalla chiamata JavaScript.

URL per immagine
HTML a immagine

<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

Le onerror L'evento viene chiamato quando si verifica un errore. Agganciare into questo evento fornisce la funzione che dovrebbe gestire l'evento, come mostrato di seguito.

La funzione JavaScript specificata per gestire gli eventi di errore dovrebbe avere a message e code parametro come mostrato di seguito. Il messaggio è una spiegazione testuale dell'errore e il codice è il codice numerico associato all'errore.

URL per immagine
HTML a immagine

<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>