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à eu envie de prendre une capture d'écran de la page Web d'un utilisateur ? Peut-être pour permettre une correction plus facile des bogues ou pour l'utilisateur intaméliorations de l'interface ? Eh bien, tu peux avec L'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 pour qu'il soit converti intoa 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 images ne peuvent être chargées que dans la capture d'écran, à moins qu'elles ne soient disponibles publiquement. Cependant, c'est généralement le cas.

L'exemple simple ci-dessous montre à quel point il est facile de capturer une page Web d'un utilisateur à l'aide de 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.5.2/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage().Create();
</script>

Notez que vous pouvez passer n'importe quel paramètres permet par l'API JavaScript au ConvertPage méthode, pour personnaliser davantage votre capture d’écran. Par exemple, dans l'exemple ci-dessous, nous faisons en sorte que la capture d'écran ait la même largeur que la page Web de l'utilisateur, tout en capturant toute sa hauteur.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/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 lors d'un événement quelconque, plutôt que de capturer la page uniquement lorsque la page Web est chargée. Par exemple, deux alternatives potentielles seraient de capturer la page Web en cliquant sur un bouton ou de manière régulière. intintervalles avec une minuterie.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/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, comme le 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 renverra 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 finish pour appeler un service Web pour save le résultat, ou le DataURI méthode pour publier le résultat sur un service Web.

Il va sans dire que vous devrez probablement informer vos utilisateurs de votre démarche.

Vous pouvez commencer à capturer gratuitement la page Web actuelle en créer un compte et en copiant le code ci-dessus intune 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 que cela fonctionne sur votre site Web.