JavaScriptを使用したスクリーンショットとHTML変換イベント

GrabzItは、開発者がフックできるようにするいくつかのイベントを公開します intoスクリーンショットとキャプチャの生成中に発生する可能性のあるさまざまな段階。

OnFinishイベント

onfinish スクリーンショットの準備が整うと、イベントは提供されたJavaScript関数を呼び出します。かける into onfinish イベントは、GrabzItによって呼び出されるJavaScript関数を提供する必要があります。

JavaScript関数には id 以下のパラメータ。 idパラメーターは id JavaScript呼び出しによって取得されたスクリーンショットの。の1つの潜在的な使用 id パラメーターは、AJAXを使用してサーバー側のコードを呼び出して、この一致するスクリーンショットをダウンロードするなどの操作を行うことができます id Webサーバーに接続するため、クライアント側のJavaScriptで生成されたすべてのスクリーンショットの記録があります。

画像へのURL
HTMLから画像

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

この関数のもう1つの用途は、スクリーンショットが読み込まれたら、ページアニメーションで非表示または表示するか、他のWebページ機能をアクティブにすることです。

OnStartイベント

onstart スクリーンショットが処理を開始すると、イベントは提供されたJavaScript関数を呼び出します。かける into onstart イベントは、GrabzItによって呼び出されるJavaScript関数を提供する必要があります。

onfinishと同様に、onstart JavaScript関数には id 以下のパラメータ。 idパラメーターは id JavaScript呼び出しによって取得されるスクリーンショットの。

画像へのURL
HTMLから画像

<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イベント

onerror エラーが発生するとイベントが呼び出されます。かける intoこのイベントは、次に示すように、イベントを処理する関数を提供します。

エラーイベントを処理するために指定するJavaScript関数には、 message and code 以下に示すパラメーター。メッセージはエラーのテキストによる説明であり、コードはエラーに関連付けられた数値コードです。

画像へのURL
HTMLから画像

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