Web Yakalama ve Dönüştürme Araçları

nasıl save JavaScript Ekran Görüntüsü?

Bu mümkündür save bir JavaScript ekran görüntüsü, ancak aşağıdaki gibi sunucu tarafı API'larımızdan birini kullanmanız gerekecektir. PHP GetResult yöntem küçük bir web hizmeti uygulamak için save sunucu tarafındaki görüntü. Örnek bir PHP web hizmeti save ekran görüntüsü aşağıda gösterilmiştir.

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

için intPHP web hizmetini kullanmanız gerekecek JavaScript API ile aktarın OnFinish Olayı. Bu daha sonra sunucu tarafı web servisine, tamamlanan ekran görüntüsünün kimliğini içerecek bir AJAX çağrısı yapmak için kullanılabilir. Web hizmeti daha sonra bu bilgiyi aşağıdaki amaçlar için kullanabilir: save Web sunucusundaki görüntü. Aşağıdaki örneğin kullanıldığını unutmayın. 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>

Yakalamayı bir depolama çözümüne aktarma

Yakalamalar, oluşturulduktan sonra doğrudan Amazon S3, DropBox, FTP ve WebDav'a aktarılabilir. export parametre. Bunu yapmak için bir oluşturmanız gerekir URL’yi dışa aktar ve onu JavaScript API'sine aktarın.

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

Dışa aktarma URL'lerinin bir kullanıcı adı ve şifre belirttiği durumlarda, yalnızca bu görev için bir kullanıcı oluşturmanız önerilir; böylece gerekirse erişimi iptal etmek kolay olacaktır. Ayrıca bu JavaScript'te olduğundan lütfen seçtiğinizden emin olun. Güvenli Dışa Aktarma URL'si Bu seçenek, insanların depolama çözümünüzün kullanıcı adını ve şifresini çalmasını önleyecektir.

Örnekteki sonlandırma yöntemi gerekli değildir ancak yakalamanın kimliğini uygun kullanıcı veya eylem vb. ile saklamanıza olanak tanır.

Bunun yerine Veri URI yöntemini kullanın

Alternatif bir yöntem kullanmaktır DataURI yöntemi Yakalamanın veri URI'sini almak için JavaScript Kitaplığı'nda bu değer daha sonra sunucunuza gönderilebilir. save görüntü.

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