Ferramentas para capturar e converter a Web

como save uma captura de tela do JavaScript?

√Č poss√≠vel save uma captura de tela do JavaScript, mas voc√™ precisar√° usar uma das APIs do servidor, como a PHP GetResult m√©todo implementar um pequeno servi√ßo da web para save a imagem no lado do servidor. Um exemplo de servi√ßo da web PHP para save a captura de tela √© mostrada abaixo.

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

Para integrate o servi√ßo da web PHP com a API JavaScript, voc√™ precisar√° usar o Evento OnFinish. Isso pode ser usado para fazer uma chamada AJAX para o servi√ßo web do lado do servidor, que conter√° o ID da captura de tela conclu√≠da. O servi√ßo da Web pode usar essas informa√ß√Ķes para save a imagem no servidor da web. Observe que o exemplo abaixo usa 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>

Exportar uma captura para uma solução de armazenamento

As capturas podem ser exportadas diretamente para o Amazon S3, DropBox, FTP e WebDav, uma vez geradas pela configura√ß√£o do export par√Ęmetro. Para fazer isso, voc√™ precisa criar um URL de exporta√ß√£o e pass√°-lo para a API JavaScript.

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

Onde os URLs de exportação especificam um nome de usuário e uma senha, é recomendável que você crie um usuário apenas para esta tarefa, para que seja fácil revogar o acesso, se necessário. Além disso, como isso está em JavaScript, certifique-se de escolher o URL de exportação segura opção, pois isso impedirá que as pessoas roubem o nome de usuário e a senha da sua solução de armazenamento.

O método onfinish no exemplo não é necessário, mas permite armazenar o ID da captura com o usuário ou ação apropriada etc.

Use o método URI de dados

Um método alternativo é usar o Método DataURI na Biblioteca JavaScript para obter o URI de dados da captura, esse valor pode ser postado no servidor, onde você pode save a imagem.

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