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>

エクスポートURLでユーザー名とパスワードが指定されている場合、このタスク専用のユーザーを作成することをお勧めします。必要に応じてアクセスを簡単に取り消すことができます。 また、これはJavaScriptにあるため、必ず選択してください 安全なエクスポートURL これにより、ユーザーがストレージソリューションのユーザー名とパスワードを盗むのを防ぐことができます。

この例のonfinishメソッドは必須ではありませんが、適切なユーザーまたはアクションなどでキャプチャのIDを保存できます。

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