使用JavaScript的屏幕截图和HTML转换事件

GrabzIt公开了几个事件，允许开发人员进行挂钩 into在屏幕截图和捕获生成期间可能发生的不同阶段。

OnFinish活动

在此 onfinish 屏幕快照准备就绪时，event事件将调用提供的JavaScript函数。勾 into onfinish 事件，您需要提供应由GrabzIt调用的JavaScript函数。

JavaScript函数应该有一个 id 参数，如下所示。 id参数将等于 id JavaScript调用所截取的屏幕截图。一种潜在的用途 id 参数可以做一些事情，例如使用AJAX调用服务器端代码以下载与此匹配的屏幕截图 id 到您的Web服务器上，因此您记录了客户端JavaScript中生成的所有屏幕截图。

图片网址
HTML到图像

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/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@3.3.7/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>

此功能的另一种用途是在屏幕截图加载后隐藏或显示页面动画或激活其他网页功能。

OnStart事件

在此 onstart 屏幕快照开始处理后，event事件将调用提供的JavaScript函数。勾 into onstart 事件，您需要提供应由GrabzIt调用的JavaScript函数。

就像onfinish一样，onstart JavaScript函数应具有一个 id 参数，如下所示。 id参数将等于 id JavaScript调用将截取的屏幕截图。

图片网址
HTML到图像

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/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@3.3.7/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 code 参数如下所示。该消息是错误的文本说明，而代码是与错误关联的数字代码。

图片网址
HTML到图像

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/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@3.3.7/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>