捕獲和轉換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>

如果導出URL指定了用戶名和密碼,則建議您僅為此任務創建一個用戶,因此如果需要,可以很容易地撤消訪問權限。 另外,由於這是JavaScript中的代碼,因此請確保您選擇 安全導出網址 選項,因為這將阻止人們竊取您存儲解決方案的用戶名和密碼。

示例中的onfinish方法不是必需的,但允許您使用適當的用戶或操作等存儲捕獲的ID。

改用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>