Outils pour capturer et convertir le Web

Comment prendre une capture d'écran de la page Web de votre utilisateur en JavaScript

Avez-vous déjà voulu faire une capture d'écran d'une page Web d'utilisateurs? Peut-être pour permettre une correction de bogue ou un utilisateur plus facile intaméliorations de la surface? Eh bien, vous pouvez API JavaScript de GrabzIt.

Pour capturer une page d'utilisateurs, vous devez utiliser le ConvertPage méthode. Cela nous envoie le contenu de la page des utilisateurs à convertir into une image, PDF, DOCX ou tout autre élément que nous prenons en charge. Il est important de se rappeler que les ressources telles que CSS ou ou les images ne peuvent être chargées que dans la capture d'écran, sauf si elles sont disponibles publiquement. Mais c'est généralement le cas.

L'exemple simple ci-dessous montre à quel point il est facile de capturer une page Web d'utilisateurs en utilisant la bibliothèque de GrabzIt. Placez simplement le code au bas de la page que vous souhaitez capturer.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage().Create();
</script>

Notez que vous pouvez passer paramètres permet par l'API JavaScript à la ConvertPage , pour personnaliser davantage votre capture d'écran. Par exemple, dans l'exemple ci-dessous, nous faisons la capture d'écran de la même largeur que la page Web des utilisateurs, tout en capturant toute sa hauteur.

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

Les exemples ci-dessus sont cependant limités car vous devrez déclencher la capture d'une page Web sur un événement quelconque, plutôt que de capturer uniquement la page lorsque la page Web est chargée. Par exemple, deux alternatives potentielles consisteraient à capturer la page Web en cliquant sur un bouton ou à intervals avec une minuterie.

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

Dans l'exemple ci-dessus, nous créons automatiquement une capture d'écran de la page Web des utilisateurs toutes les 30 secondes. Mais plutôt que d'ajouter la capture d'écran à la page Web des utilisateurs ou de la télécharger, Create la méthode utilisée dans les exemples précédents ferait l'affaire, selon le format. le CreateInvisible est utilisée, qui ne retournera pas de résultat à l'utilisateur.

Vous pouvez ensuite save la capture d'écran JavaScript en utilisant l'une des méthodes suivantes. Le paramètre d'exportation pour exporter le résultat vers Amazon, Dropbox, FTP ou plus. Ou vous pouvez utiliser l'événement de fin pour appeler un service Web pour save le résultat, ou DataURI pour publier le résultat sur un service Web.

Évidemment, il va sans dire que vous devrez probablement informer vos utilisateurs que vous faites cela.

Vous pouvez commencer à capturer gratuitement la page Web actuelle par créer un compte et copier le code ci-dessus into une page Web que vous souhaitez capturer. N'oubliez pas que pour vous assurer que d'autres personnes n'utilisent pas votre compte, vous devez autorisez votre domaine avant qu'il ne fonctionne sur votre site Web.