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 bunun gibi sunucu tarafı API'lerimizden birini kullanmanız gerekir. PHP GetResult yöntem küçük bir web servisini uygulamak save Sunucu tarafında görüntü. Örnek bir PHP web servisi 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 servisini JavaScript API'sı ile kullanmak OnFinish Olayı. Bu daha sonra tamamlanan ekran görüntüsünün kimliğini içerecek olan sunucu tarafı web servisine bir AJAX araması yapmak için kullanılabilir. Web servisi daha sonra bu bilgileri save web sunucusundaki görüntü. Aşağıdaki örneğin kullandığını unutmayın. jQuery.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/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>

Bir yakalamayı depolama çözümüne verme

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

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/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, bu nedenle gerekirse erişimi iptal etmek kolay olacaktır. Ayrıca bu JavaScript'te olduğu gibi, lütfen Güvenli Dışa Aktarma URL'si Bu, kullanıcıların depolama çözümünüzün kullanıcı adını ve şifresini çalmasını engelleyecektir.

Örnekteki onfinish yöntemi gerekli değildir, ancak yakalamanın kimliğini uygun kullanıcı veya eylemle vb.

Bunun yerine Veri URI yöntemini kullanın

Alternatif bir yöntem kullanmaktır. DataURI yöntemi JavaScript Kütüphanesi'nde yakalama verisinin URI'sini almak için bu değeri daha sonra sunucunuza gönderebilirsiniz; save görüntü.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/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>