捕获和转换Web的工具

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

您是否曾经想过对用户网页进行截图? 也许是为了使错误修复或用户更容易 int改进? 好吧,你可以 GrabzIt的JavaScript API.

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

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

<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").ConvertPage().Create();
</script>

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

<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").ConvertPage({
   "bwidth":document.documentElement.clientWidth,
   "bheight": -1, 
   "height": -1,
   "width": -1
}).Create();
</script>

但是,上述示例受到限制,因为您将需要在某种事件上触发捕获网页,而不是仅在加载网页时捕获网页。 例如,两种可能的选择是单击按钮或定期捕获网页 int带有计时器的错误。

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/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或更多。 或者,您可以使用finish事件来调用Web服务来 save 结果,或者 DataURI 将结果发布到Web服务的方法。

显然,不用说您可能需要通知用户您正在执行此操作。

您可以通过以下方式免费开始截图当前网页 创建一个帐户 并复制上面的代码 int一个您要捕获的网页。 请记住,要确保其他人不使用您的帐户,您必须 授权您的域名 才能在您的网站上运行。