捕获和转换Web的工具

如何以 save JavaScript屏幕截图?

这是可能的 save JavaScript 屏幕截图,但您需要使用我们的服务器端 API 之一,例如 PHP GetResult 方法 实施一个小型网络服务 save 服务器端的图像。 PHP Web 服务示例 save 截图如下所示。

include("lib/GrabzItClient.php");

$id = $_GET["id"];

// Custom id can be used to store user ids or whatever is needed for the later processing of the
// resulting screenshot

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
$result = $grabzIt->GetResult($id);

if (!$result)
{
   return;
}

//assuming jpg screenshots
file_put_contents("results" . DIRECTORY_SEPARATOR . $id + ".jpg", $result);

至 int使用 JavaScript API 集成 PHP Web 服务,您将需要使用 OnFinish活动。 然后可以使用它对服务器端 Web 服务进行 AJAX 调用,其中将包含已完成屏幕截图的 ID。 然后,Web 服务可以使用此信息来 save 网络服务器上的图像。 请注意,下面的示例使用 jQuery的.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com", 
	{"onfinish": function (id){
		$.ajax("http://www.example.com/mywebservice.php?id="+id);
	}}).Create();
</script>

将捕获导出到存储解决方案

通过设置生成捕获后,可以直接将其导出到 Amazon S3、DropBox、FTP 和 WebDav export 范围。 为此,您需要创建一个 导出网址 并将其传递给 JavaScript API。

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com", 
    {"export": "dropbox://",
     "onfinish": function (id){
		$.ajax("http://www.example.com/mywebservice.php?id="+id);
    }}).Create();
</script>

如果导出 URL 指定用户名和密码,建议您仅为此任务创建一个用户,以便在需要时可以轻松撤销访问权限。 另外,由于这是在 JavaScript 中,请确保您选择 安全导出 URL 选项,因为这将阻止人们窃取您的存储解决方案的用户名和密码。

示例中的 onfinish 方法不是必需的,但允许您使用适当的用户或操作等来存储捕获的 id。

请改用 Data URI 方法

另一种方法是使用 数据URI方法 在 JavaScript 库中获取捕获的数据 URI,然后可以将这个值发布到您的服务器 save 图片。

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com").DataURI(callback);

function callback(dataUri)
{
    $.post("http://www.example.com/mywebservice.php", {data: dataUri});
}
</script>