Ferramentas para capturar e converter a Web

Como tirar uma captura de tela da página da web do usuário em JavaScript

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