Ferramentas para capturar e converter a Web

Eventos de captura de tela e conversão de HTML com JavaScript

API JavaScript

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.

Evento OnFinish

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

Evento OnStart

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

Evento OnError

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