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.