GrabzIt expõe vários eventos que permitem que os desenvolvedores se conectem into os diferentes estágios que podem ocorrer durante a geração da captura de tela e captura.
O onfinish
O evento chama a função JavaScript fornecida quando a captura de tela estiver pronta. Enganchar into onfinish
evento, você precisa fornecer a função JavaScript que deve ser chamada pelo GrabzIt.
A função JavaScript deve ter um id
parâmetro, como abaixo. O parâmetro id será igual ao id
da captura de tela feita pela chamada JavaScript. Um uso potencial do id
O parâmetro poderia ser fazer algo como usar o AJAX para chamar o código do servidor para fazer o download da captura de tela com esta correspondência id
no servidor da web, para que você tenha um registro de todas as capturas de tela geradas no JavaScript do lado do 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>
Outro uso dessa função é ocultar ou mostrar nas animações da página ou ativar outros recursos da página da web, após o carregamento da captura de tela.
O onstart
O evento chama a função JavaScript fornecida quando a captura de tela inicia o processamento. Enganchar into onstart
evento, você precisa fornecer a função JavaScript que deve ser chamada pelo GrabzIt.
Assim como o onfinish, a função JavaScript onstart deve ter um id
parâmetro, como abaixo. O parâmetro id será igual ao id
da captura de tela que será feita pela chamada 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>
O onerror
evento é chamado quando ocorre um erro. Enganchar into este evento fornece a função que deve lidar com o evento, como mostrado abaixo.
A função JavaScript especificada para lidar com eventos de erro deve ter um message
e code
parâmetro como mostrado abaixo. A mensagem é uma explicação textual do erro e o código é o código numérico associado ao erro.
<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>