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);

に intPHP Web サービスを JavaScript API で統合するには、 OnFinishイベント。 これを使用して、サーバー側 Web サービスへの AJAX 呼び出しを行うことができます。この呼び出しには、完成したスクリーンショットの ID が含まれます。 Web サービスはこの情報を使用して、 save Webサーバー上の画像。 以下の例では、 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 パラメータ。 これを行うには、 エクスポートURL それを 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 を保存できます。

代わりにデータ URI メソッドを使用してください

別の方法は、 DataURI メソッド 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>