Tools zum Erfassen und Konvertieren des Webs

Screenshot und HTML-Conversion-Events mit JavaScript

JavaScript-API

GrabzIt stellt mehrere Ereignisse bereit, mit denen Entwickler Hooks erstellen können into Die verschiedenen Phasen, die während der Screenshot- und Capture-Erstellung auftreten können.

OnFinish-Ereignis

Das onfinish event ruft die bereitgestellte JavaScript-Funktion auf, wenn der Screenshot fertig ist. Zum anhaken into die onfinish Eventuell müssen Sie die JavaScript-Funktion bereitstellen, die von GrabzIt aufgerufen werden soll.

Die JavaScript-Funktion sollte eine haben id Parameter, wie unten. Der id-Parameter entspricht dem id des Screenshots, der vom JavaScript-Aufruf aufgenommen wurde. Eine mögliche Verwendung des id Parameter könnte sein, etwas wie AJAX zu tun, um serverseitigen Code aufzurufen, um den Screenshot mit dieser Übereinstimmung herunterzuladen id auf Ihrem Webserver, damit Sie eine Aufzeichnung aller Screenshots haben, die im clientseitigen JavaScript generiert wurden.

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

Eine andere Verwendung dieser Funktion ist das Ausblenden oder Anzeigen in Seitenanimationen oder das Aktivieren anderer Webseitenfunktionen, sobald der Screenshot geladen wurde.

OnStart-Ereignis

Das onstart event ruft die bereitgestellte JavaScript-Funktion auf, wenn der Screenshot verarbeitet wurde. Zum anhaken into die onstart Eventuell müssen Sie die JavaScript-Funktion bereitstellen, die von GrabzIt aufgerufen werden soll.

Genau wie das Onfinish sollte die Onstart-JavaScript-Funktion eine haben id Parameter, wie unten. Der id-Parameter entspricht dem id des Screenshots, der vom JavaScript-Aufruf erstellt wird.

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

Das onerror Ereignis wird aufgerufen, wenn ein Fehler auftritt. Zum anhaken into Dieses Ereignis bietet die Funktion, die das Ereignis behandeln soll, wie unten gezeigt.

Die JavaScript-Funktion, die Sie zum Behandeln von Fehlerereignissen angeben, sollte ein haben message und code Parameter wie unten gezeigt. Die Nachricht ist eine Texterklärung des Fehlers, und der Code ist der numerische Code, der dem Fehler zugeordnet ist.

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