웹 캡처 및 변환 도구

방법 save JavaScript 스크린 샷?

가능하다 save JavaScript 스크린 샷이지만 서버 측 API 중 하나를 사용해야합니다. PHP GetResult 방법 작은 웹 서비스를 구현하기 위해 save 서버 측의 이미지 PHP 웹 서비스의 예 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);

에 intJavaScript API를 사용하여 PHP 웹 서비스를 평가하십시오. 완료 이벤트. 그런 다음 서버 측 웹 서비스에 AJAX 호출을하는 데 사용할 수 있으며 여기에는 완성 된 스크린 샷의 ID가 포함됩니다. 그런 다음 웹 서비스는이 정보를 사용하여 save 웹 서버의 이미지 아래 예제는 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>

스토리지 솔루션으로 캡처 내보내기

캡처를 생성하면 캡처를 Amazon S3, DropBox, FTP 및 WebDav로 바로 내보낼 수 있습니다. export 매개 변수. 이렇게하려면 내보내기 URL JavaScript API로 전달하십시오.

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

내보내기 URL이 사용자 이름과 비밀번호를 지정하는 경우이 작업에 대해서만 사용자를 작성하는 것이 좋으므로 필요한 경우 액세스를 쉽게 취소 할 수 있습니다. 또한 이것은 JavaScript로되어 있으므로 안전한 내보내기 URL 옵션을 사용하면 사람들이 스토리지 솔루션의 사용자 이름과 비밀번호를 도용하는 것을 막을 수 있습니다.

예제의 onfinish 메소드는 필요하지 않지만 적절한 사용자 또는 조치 등으로 캡처 ID를 저장할 수 있습니다.

대신 데이터 URI 메소드를 사용하십시오.

다른 방법은 DataURI 방법 JavaScript 라이브러리에서 캡처의 데이터 URI를 얻으려면이 값을 서버에 게시 할 수 있습니다. save 이미지.

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