捕获和转换Web的工具

如何使用JavaScript拍摄用户网页的屏幕截图

您是否曾经想过对用户网页进行屏幕截图? 也许是为了更容易地修复错误或用户 int界面改进? 那么你可以与 GrabzIt 的 JavaScript API.

要捕获用户页面,您必须使用 ConvertPage 方法。 这会将用户页面的内容发送给我们进行转换 intoa 图像、PDF、DOCX 或我们支持的任何其他内容。 重要的是要记住,任何资源(例如 CSS 或图像)都无法加载,除非在屏幕截图中,除非它们是公开可用的。 然而,通常情况就是这样。

下面的简单示例展示了使用 GrabzIt 库对用户网页进行屏幕截图是多么容易。 只需将代码放在要捕获的页面底部即可。

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage().Create();
</script>

请注意,您可以通过任何 参数 允许通过 JavaScript API ConvertPage 方法,进一步自定义您的屏幕截图。 例如,在下面的示例中,我们使屏幕截图与用户网页的宽度相同,同时捕获其完整高度。

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage({
   "bwidth":document.documentElement.clientWidth,
   "bheight": -1, 
   "height": -1,
   "width": -1
}).Create();
</script>

然而,上面的示例是有限的,因为您需要在某种事件上触发网页的捕获,而不是仅在加载网页时捕获页面。 例如,两种潜在的替代方案是通过单击按钮或定期捕获网页 int带定时器的ervals。

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
<script>
setTimeout(function(){
   GrabzIt("Sign in to view your Application Key").ConvertPage({
      "bwidth":document.documentElement.clientWidth,
      "bheight": -1, 
      "height": -1,
      "width": -1
   }).CreateInvisible();
}, 30000);
</script>

在上面的示例中,我们每 30 秒自动创建一次用户网页屏幕截图。 但不是将屏幕截图添加到用户网页或下载它,而是 Create 前面示例中使用的方法就可以,具体取决于格式。 这 CreateInvisible 使用方法,不会将结果返回给用户。

然后,您可以 save JavaScript 屏幕截图 使用以下方法之一。 用于将结果导出到 Amazon、Dropbox、FTP 或更多的导出参数。 或者您可以使用完成事件来调用 Web 服务 save 结果,或 DataURI 将结果发布到 Web 服务的方法。

显然,不言而喻,您可能需要通知用户您正在这样做。

您可以开始免费截图当前网页,方法是 创建一个帐户 并复制上面的代码 intoa 您想要捕获的网页。 请记住,为了确保其他人不使用您的帐户,您必须 授权您的域名 在它在您的网站上运行之前。