捕獲和轉換Web的工具

如何 save JavaScript屏幕截圖?

有可能 save JavaScript屏幕截圖,但是您需要使用我們的服務器端API之一,例如 PHP GetResult 方法 實施小型Web服務 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 Web服務器上的圖像。 請注意,以下示例使用 jQuery的.

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

Where export URL's specify a username and password it is recommended that you create a user just for this task, so it will be easy to revoke access if required. Also as this is in JavaScript please ensure you choose the 安全導出網址 option as this will stop people stealing the username and password of your storage solution.

The onfinish method in the example is not required but allows you to store the id of the capture with the appropriate user or action etc.

改用Data URI方法

另一種方法是使用 DataURI方法 在JavaScript庫中獲取捕獲的數據URI,然後可以將該值發佈到您的服務器 save 圖片。

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