Você já quis tirar uma captura de tela da página da web de um usuário? Talvez para facilitar a correção de bugs ou o usuário interface melhorias? Bem, você pode com API JavaScript do GrabzIt.
Para capturar uma página de usuários, você deve usar o ConvertPage
método. Isso envia o conteúdo da página de usuários para ser convertido into uma imagem, PDF, DOCX ou qualquer outra coisa que suportamos. É importante lembrar que quaisquer recursos, como CSS ou imagens, não podem ser carregados, a não ser na captura de tela, a menos que estejam disponíveis publicamente. No entanto, este é geralmente o caso.
O exemplo simples abaixo mostra como é fácil capturar uma página da Web de usuários usando a biblioteca do GrabzIt. Basta colocar o código na parte inferior da página que você deseja capturar.
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage().Create();
</script>
Observe que você pode passar qualquer parâmetros permite pela API JavaScript para o ConvertPage
para personalizar ainda mais sua captura de tela. Por exemplo, no exemplo abaixo, fazemos com que a captura de tela tenha a mesma largura da página da web do usuário, enquanto captura toda a sua altura.
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage({
"bwidth":document.documentElement.clientWidth,
"bheight": -1,
"height": -1,
"width": -1
}).Create();
</script>
Os exemplos acima, no entanto, são limitados, pois você precisará acionar a captura de uma página da Web em um evento de algum tipo, em vez de capturar a página apenas quando a página da Web é carregada. Por exemplo, duas alternativas possíveis seriam capturar a página da web com um clique no botão ou em intervalos regulares. intervas com um temporizador.
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/grabzit.min.js"></script>
<script>
setTimeout(function(){
GrabzIt("Sign in to view your Application Key").ConvertPage({
"bwidth":document.documentElement.clientWidth,
"bheight": -1,
"height": -1,
"width": -1
}).CreateInvisible();
}, 30000);
</script>
No exemplo acima, criamos automaticamente a captura de tela da página da web do usuário a cada 30 segundos. Mas, em vez de adicionar a captura de tela à página da web dos usuários ou fazer o download, como Create
O método usado nos exemplos anteriores funcionaria, dependendo do formato. o CreateInvisible
é usado, o que não retornará um resultado ao usuário.
Você pode, então, save a captura de tela do JavaScript usando um dos seguintes métodos. O parâmetro export para exportar o resultado para Amazon, Dropbox, FTP ou mais. Ou você pode usar o evento de término para chamar um serviço da Web para save o resultado ou o DataURI
método para postar o resultado em um serviço da web.
Obviamente, nem é preciso dizer que você provavelmente precisará informar aos usuários que está fazendo isso.
Você pode começar a capturar imagens da página da Web atual gratuitamente, criando uma conta e copiando o código acima into uma página da web que você deseja capturar. Lembre-se de que, para garantir que outras pessoas não usem sua conta, você deve autorize seu domínio antes que ele funcione no seu site.