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イベント。 これを使用して、完成したスクリーンショットのIDを含むサーバー側WebサービスへのAJAX呼び出しを行うことができます。 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 パラメータ。 これを行うには、作成する必要があります エクスポートURL それを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 安全なエクスポートURL 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.

代わりにデータ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>