Outils pour capturer et convertir le Web

Captures d'écran et événements de conversion HTML avec JavaScript

API JavaScript

GrabzIt expose plusieurs événements permettant aux développeurs d’accrocher into les différentes étapes pouvant survenir lors de la génération de captures d'écran et de captures.

Evénement OnFinish

La onfinish event appelle la fonction JavaScript fournie lorsque la capture d'écran est prête. Accrocher into le onfinish Si vous avez besoin de fournir la fonction JavaScript qui devrait être appelée par GrabzIt.

La fonction JavaScript devrait avoir un id paramètre, comme ci-dessous. Le paramètre id sera égal à la id de la capture d'écran qui a été prise par l'appel JavaScript. Une utilisation potentielle du id Ce paramètre pourrait consister à utiliser AJAX pour appeler le code côté serveur afin de télécharger la capture d'écran avec cette correspondance. id sur votre serveur Web, de sorte que vous disposiez d’un enregistrement de toutes les captures d’écran générées dans le code JavaScript côté 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>

Une autre utilisation de cette fonction est de masquer ou d'afficher des animations de page ou d'activer d'autres fonctionnalités de page Web, une fois la capture d'écran chargée.

Evénement OnStart

La onstart event appelle la fonction JavaScript fournie lorsque le traitement de la capture d'écran a commencé. Accrocher into le onstart Si vous avez besoin de fournir la fonction JavaScript qui devrait être appelée par GrabzIt.

Tout comme onfinish, la fonction JavaScript onstart devrait avoir une id paramètre, comme ci-dessous. Le paramètre id sera égal à la id de la capture d'écran qui sera prise par l'appel 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>

Événement OnError

La onerror L'événement est appelé lorsqu'une erreur survient. Accrocher into cet événement fournit la fonction qui doit gérer l'événement, comme indiqué ci-dessous.

La fonction JavaScript que vous spécifiez pour gérer les événements d'erreur doit avoir un message et code paramètre comme indiqué ci-dessous. Le message est une explication textuelle de l'erreur et le code est le code numérique associé à l'erreur.

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