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