Strumenti per acquisire e convertire il Web

Come acquisire uno screenshot della pagina Web dell'utente in JavaScript

Hai mai desiderato fare uno screenshot di una pagina web degli utenti? Forse per facilitare la correzione di bug o l'utente intmigliorare i miglioramenti? Bene, puoi farlo API JavaScript di GrabzIt.

Per acquisire una pagina degli utenti è necessario utilizzare il ConvertPage metodo. Questo ci invia il contenuto della pagina degli utenti per la conversione into immagine, PDF, DOCX o qualsiasi altra cosa che supportiamo. È importante ricordare che qualsiasi risorsa come CSS o immagini non può essere caricata a meno che nella schermata a meno che non siano disponibili pubblicamente. Tuttavia, questo è solitamente il caso.

Il semplice esempio che segue mostra quanto sia facile fare uno screenshot di una pagina web degli utenti usando la libreria di GrabzIt. Posiziona semplicemente il codice nella parte inferiore della pagina che desideri acquisire.

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

Si noti che è possibile passare qualsiasi parametri consente dall'API JavaScript al ConvertPage per personalizzare ulteriormente il tuo screenshot. Ad esempio nell'esempio seguente rendiamo lo screenshot della stessa larghezza della pagina web degli utenti, mentre catturiamo la sua altezza completa.

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

Gli esempi sopra riportati sono tuttavia limitati in quanto sarà necessario attivare l'acquisizione di una pagina Web su un evento di un certo tipo, piuttosto che acquisire la pagina solo quando la pagina Web viene caricata. Ad esempio, due potenziali alternative potrebbero essere la cattura della pagina Web con un clic sul pulsante o regolarmente intervali con un timer.

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

Nell'esempio sopra creiamo automaticamente lo screenshot della pagina web degli utenti ogni 30 secondi. Invece di aggiungere lo screenshot alla pagina web degli utenti o scaricarlo, come Create il metodo usato negli esempi precedenti farebbe, a seconda del formato. Il CreateInvisible viene utilizzato il metodo, che non restituirà un risultato all'utente.

È quindi possibile save lo screenshot di JavaScript utilizzando uno dei seguenti metodi. Il parametro export per esportare il risultato su Amazon, Dropbox, FTP o altro. Oppure puoi usare l'evento finish per chiamare un servizio web save il risultato o DataURI metodo per pubblicare il risultato su un servizio Web.

Ovviamente è ovvio che probabilmente dovrai informare i tuoi utenti che lo stai facendo.

Puoi iniziare gratuitamente lo screenshot della pagina Web corrente da creare un account e copiando il codice sopra into una pagina Web che si desidera acquisire. Ricorda che per assicurarti che altre persone non utilizzino il tuo account, devi farlo autorizza il tuo dominio prima che funzionerà sul tuo sito web.