Tools om het web vast te leggen en te converteren

Schermafbeelding en HTML-conversiegebeurtenissen met JavaScript

JavaScript API

GrabzIt onthult verschillende evenementen waarmee ontwikkelaars kunnen aansluiten into de verschillende fasen die kunnen optreden tijdens het maken van een screenshot en het vastleggen.

OnFinish-evenement

De onfinish gebeurtenis roept de aangeboden JavaScript-functie aan wanneer de schermafbeelding gereed is. Haken into de onfinish moet u de JavaScript-functie opgeven die door GrabzIt moet worden aangeroepen.

De JavaScript-functie moet een hebben id parameter, zoals hieronder. De parameter id is gelijk aan id van de schermafbeelding die is gemaakt door de JavaScript-aanroep. Een potentieel gebruik van de id parameter zou kunnen zijn om iets te doen zoals AJAX gebruiken om server-side code op te roepen om de screenshot met deze matching te downloaden id op uw webserver, zodat u een record hebt van alle screenshots die zijn gegenereerd in JavaScript aan de clientzijde.

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

Een ander gebruik van deze functie is om pagina-animaties te verbergen of weer te geven of andere webpagina-functies te activeren, zodra de screenshot is geladen.

OnStart-evenement

De onstart gebeurtenis roept de aangeboden JavaScript-functie aan wanneer de screenshot is begonnen met verwerken. Haken into de onstart moet u de JavaScript-functie opgeven die door GrabzIt moet worden aangeroepen.

Net als de onfinish moet de JavaScript-functie onstart een hebben id parameter, zoals hieronder. De parameter id is gelijk aan id van de schermafbeelding die wordt gemaakt door de JavaScript-aanroep.

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

OnError-evenement

De onerror gebeurtenis wordt opgeroepen wanneer er een fout optreedt. Haken into deze gebeurtenis biedt de functie waarmee de gebeurtenis moet worden afgehandeld, zoals hieronder wordt getoond.

De JavaScript-functie die u opgeeft om foutgebeurtenissen af ​​te handelen, moet een hebben message en code parameter zoals hieronder getoond. Het bericht is een tekstuele verklaring van de fout en de code is de numerieke code die bij de fout hoort.

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