Tools zum Erfassen und Konvertieren des Webs

So machen Sie einen Screenshot der Webseite Ihres Benutzers in JavaScript

Wollten Sie schon immer einen Screenshot einer Benutzer-Webseite machen? Vielleicht, um eine einfachere Fehlerbehebung oder Benutzer zu ermöglichen intGesichtsverbesserungen? Na kannst du mit GrabzIt's JavaScript API.

Um eine Benutzerseite zu erfassen, müssen Sie die verwenden ConvertPage Methode. Dadurch wird der Inhalt der Benutzerseite zur Konvertierung an uns gesendet into ein Bild, PDF, DOCX oder irgendetwas anderes, was wir unterstützen. Beachten Sie, dass Ressourcen wie CSS oder Bilder nur geladen werden können, wenn sie im Screenshot öffentlich verfügbar sind. Dies ist jedoch normalerweise der Fall.

Das folgende einfache Beispiel zeigt, wie einfach es ist, eine Benutzer-Webseite mit der GrabzIt-Bibliothek zu scannen. Platzieren Sie einfach den Code am unteren Rand der Seite, die Sie erfassen möchten.

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

Beachten Sie, dass Sie alle übergeben können Parameter ermöglicht durch die JavaScript API das ConvertPage Methode, um Ihren Screenshot weiter anzupassen. Beispiel: Im folgenden Beispiel wird der Screenshot so breit wie die Webseite des Benutzers gemacht, während die volle Höhe erfasst wird.

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

Die obigen Beispiele sind jedoch begrenzt, da Sie die Erfassung einer Webseite bei einem Ereignis auslösen müssen, anstatt nur die Seite zu erfassen, wenn die Webseite geladen wird. Zum Beispiel könnten zwei mögliche Alternativen darin bestehen, die Webseite entweder per Knopfdruck oder normal zu erfassen intFehler mit einem Timer.

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

Im obigen Beispiel erstellen wir alle 30 Sekunden automatisch einen Screenshot der Benutzer-Webseite. Aber anstatt den Screenshot der Webseite des Benutzers hinzuzufügen oder herunterzuladen, wie das Create Die in den vorherigen Beispielen verwendete Methode ist abhängig vom Format. Das CreateInvisible Es wird eine Methode verwendet, die dem Benutzer kein Ergebnis zurückgibt.

Sie können dann save der JavaScript-Screenshot Verwenden Sie eine der folgenden Methoden. Der Exportparameter zum Exportieren des Ergebnisses nach Amazon, Dropbox, FTP oder mehr. Oder Sie können das Finish-Ereignis verwenden, um einen Webdienst aufzurufen save das Ergebnis oder die DataURI Methode zum Posten des Ergebnisses an einen Webdienst.

Natürlich müssen Sie Ihre Benutzer wahrscheinlich darüber informieren, dass Sie dies tun.

Sie können mit dem kostenlosen Screenshot der aktuellen Webseite beginnen, indem Sie ein Profil erstellen und Kopieren des obigen Codes into Eine Webseite, die Sie erfassen möchten. Denken Sie daran, dass Sie dies tun müssen, um sicherzustellen, dass andere Benutzer Ihr Konto nicht verwenden Autorisieren Sie Ihre Domain bevor es auf Ihrer Website funktioniert.