GrabzIt espone numerosi eventi che consentono agli sviluppatori di agganciarsi into le diverse fasi che possono verificarsi durante la generazione di screenshot e acquisizione.
La rotta 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.
<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.
La rotta 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.
<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>
La rotta 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.
<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>