Wollten Sie schon immer einen Screenshot der Webseite eines Benutzers machen? Vielleicht um eine einfachere Fehlerbehebung oder Benutzerfreundlichkeit zu ermöglichen intOberflächenverbesserungen? Nun, das kannst du mit Die JavaScript-API von GrabzIt.
Um eine Benutzerseite zu erfassen, müssen Sie die verwenden ConvertPage
Methode. Dadurch wird der Inhalt der Benutzerseite zur Konvertierung an uns gesendet into Bild, PDF, DOCX oder alles andere, was wir unterstützen. Es ist wichtig zu bedenken, dass Ressourcen wie CSS oder Bilder nur im Screenshot geladen werden können, wenn sie nicht öffentlich verfügbar sind. Dies ist jedoch in der Regel der Fall.
Das einfache Beispiel unten zeigt, wie einfach es ist, mithilfe der GrabzIt-Bibliothek einen Screenshot der Webseite eines Benutzers zu erstellen. Platzieren Sie den Code einfach unten auf der Seite, die Sie erfassen möchten.
<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>
Beachten Sie, dass Sie jedes übergeben können Parameter ermöglicht durch die JavaScript-API die ConvertPage
Methode, um Ihren Screenshot weiter anzupassen. Im folgenden Beispiel stellen wir beispielsweise sicher, dass der Screenshot die gleiche Breite hat wie die Webseite des Benutzers, während die gesamte Höhe erfasst wird.
<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>
Die oben genannten Beispiele sind jedoch begrenzt, da Sie die Erfassung einer Webseite bei einem Ereignis auslösen müssen, anstatt die Seite nur dann zu erfassen, wenn die Webseite geladen wird. Zwei mögliche Alternativen wären beispielsweise, die Webseite entweder per Knopfdruck oder regelmäßig zu erfassen intIntervalle mit Timer.
<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>
Im obigen Beispiel erstellen wir alle 30 Sekunden automatisch einen Screenshot der Benutzer-Webseite. Aber anstatt den Screenshot zur Webseite des Benutzers hinzuzufügen oder herunterzuladen, wie es der Fall ist Create
Abhängig vom Format würde die in den vorherigen Beispielen verwendete Methode ausreichen. Der CreateInvisible
Es wird eine Methode verwendet, die dem Benutzer kein Ergebnis zurückgibt.
Sie können dann save der JavaScript-Screenshot mit einer 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, bzw DataURI
Methode zum Veröffentlichen des Ergebnisses an einen Webdienst.
Es versteht sich von selbst, dass Sie Ihre Benutzer wahrscheinlich darüber informieren müssen, dass Sie dies tun.
Sie können kostenlos mit dem Screenshot der aktuellen Webseite beginnen ein Profil erstellen und den obigen Code kopieren inteine Webseite, die Sie erfassen möchten. Denken Sie daran, dass Sie dies tun müssen, um sicherzustellen, dass andere Personen Ihr Konto nicht nutzen Autorisieren Sie Ihre Domain bevor es auf Ihrer Website funktioniert.