Strumenti per acquisire e convertire il Web
La community online di GrabzIt

Utilizzo di JavaScript GrabzIt in locale

Poni domande su come acquisire o convertire pagine Web o HTML into immagini, documenti CSV, PDF o DOCX nonché su come convertire i video into GIF animate che utilizzano la nostra API.

Esiste un modo per utilizzare javascript GrabzIt sulla mia pagina locale e/o su una pagina che non è pubblica?

 

Grazie

Chiesto da Josh Wiley il 9 settembre 2019

Sì, basta chiamarlo da localhost o anche solo da un file html e funzionerà. Per favore dimmi se hai qualche problema.

Risposta del supporto GrabzIt il 9 settembre 2019

Ok grazie. Sto iniziando a capirlo un po' di più. Stavo leggendo questa pagina: https://grabz.it/support/article/html-tips/.

Un paio di domande a riguardo:

1) Se utilizzo ConvertHTML, il CSS deve essere all'interno del Div di cui sto cercando di acquisire uno screenshot? Oppure va bene avere fogli di stile al di fuori di quel Div?

2) Alcuni dei caratteri che sto cercando di acquisire screenshot non vengono visualizzati con il carattere corretto. I caratteri vengono trattati diversamente?

Risposta del supporto GrabzIt il 9 settembre 2019

ConvertHtml può convertire un file string di HTML puoi includere il CSS ma in caso contrario dovrai assicurarti che qualsiasi foglio di stile esterno utilizzi URL assoluti.

I caratteri dovrebbero funzionare se vengono referenziati correttamente utilizzando URL assoluti ecc. nel CSS.

Risposta del supporto GrabzIt il 9 settembre 2019

Grazie. Un'altra domanda. C'è un modo per ingrandire l'immagine finale senza avere spazio vuoto a destra e in basso?  

Ad esempio, sto provando a eseguire lo screenshot di un Div 500x300 ma voglio ridimensionarlo fino a 750x450. Quando imposto la larghezza su 750 e l'altezza su 450, crea un'immagine 750x450 ma il div di cui sto facendo uno screenshot viene visualizzato solo come immagine 500x300 e il resto dello spazio è vuoto.

 

Grazie

Risposta di Josh Wiley il 10 settembre 2019

Inoltre, ho provato ConvertPage e neanche questo funziona, ma con risultati diversi. Di seguito è riportato un esempio di ciò che ho fatto. Tuttavia taglia l'immagine e ne mostra solo circa la metà.

 

GrabzIt("CHIAVE APPLICAZIONE").ConvertPage({
"target": "#paddAroundExport",
"ritardo": 3000,
"formato": "png",
"trasparente": 1,
"altezza": -1,
"altezza": -1,
"larghezza": -1
}).AddTo("finalImageID");

Risposta di Josh Wiley il 10 settembre 2019

Ciao Josh,

Per la tua prima domanda potresti impostare la dimensione del browser su 500 per 300. Quindi impostare la larghezza maggiore su ingrandirlo.

Ci sono maggiori informazioni nell'articolo collegato.

Al tuo secondo point, sarebbe possibile consultare la pagina con cui riscontri problemi?

Risposta del supporto GrabzIt il 10 settembre 2019

OK, vedo come funziona ora l'ingrandimento per ConvertHTML. Grazie, è molto utile Ero un po' confuso su cosa fossero l'altezza e la larghezza. Mi sto avvicinando molto all'utilizzo di ConverHTML, ma alcune cose sono ancora inattive. Questa opzione potrebbe essere difficile per me perché tutti i fogli di stile devono essere accessibili, il che è difficile per me poiché devo lavorare sulla mia versione locale per testarla.

 

L'opzione ConvertPage sembra essere la migliore, ma sono un po' più lontano dal farla funzionare. La maggior parte di ciò che faccio è sul mio locale o dietro un login. Gli screenshot potrebbero aiutare? Magari potrei inviarti qualche screenshot via e-mail? In caso contrario, posso forse usare qualcosa come JSFiddel per provare a ricreare il problema.

Grazie

 

Risposta di Josh Wiley il 10 settembre 2019

Non puoi ancora fare riferimento al CSS con URL assoluti? ad esempio https://www.example.com/styles/main.css

Uno screenshot non sarebbe di grande aiuto sfortunatamente perché non saremmo in grado di capire perché sta catturando solo parte del div. Se puoi inserirlo in un file HTML separato o JSFiddle in modo che possiamo vedere il problema. Speriamo di essere in grado di risolverlo o consigliarlo.

Risposta del supporto GrabzIt il 10 settembre 2019

Per quanto riguarda CapturePage ho appena rilasciato qual è il problema. Il metodo CapturePage deve avere accesso a tutte le risorse disponibili pubblicamente come descritto in Questo articolo.

Risposta del supporto GrabzIt il 10 settembre 2019

OK, sono bloccato su quale sia la mia migliore opzione qui. Penso di non aver ancora capito bene cosa devo fare. Sembra che l'unica opzione che ho affinché funzioni sul mio locale sia utilizzare ConvertHTML. È corretto?

Non sono sicuro che tu lo faccia, ma sarebbe possibile per me connettermi brevemente con te tramite Zoom? Se riesco a farlo funzionare quando ne ho bisogno, passerò all'Enterprise. Sono anche disposto a passare subito a Enterprise se sei disposto a passare a Zoom (posso configurarlo). Penso che questo lo farebbe save entrambi il tempo in modo da poter fermare l'andata e il ritorno. 

 

Risposta di Josh Wiley il 10 settembre 2019

Ok, non l'ho mai usato prima, ma ci proverò.

Per favore, puoi inviare i dettagli tramite il nostro Modulo di Contatto.

Risposta del supporto GrabzIt il 10 settembre 2019

Grazie per l'aiuto di oggi. Sono riuscito a farlo funzionare con il tuo aiuto e un dettaglio aggiuntivo. Ho aggiunto un div che racchiudeva il contenuto inviato tramite convertHTML e ho utilizzato l'opzione target per ottenere quel div specifico. Ciò lo ha fatto funzionare perfettamente. 

Mi sono reso conto di cosa stava succedendo quando ho creato una pagina di prova con gli esatti contenuti che stavo inviando tramite ConvertHTML. L'immagine catturata stava catturando un tag body che sembra essere stato aggiunto dal browser, anche se non ne stavo inviando uno. Non sono sicuro che sia colpa mia o di un bug in GrabzIt, ma volevo menzionarlo nel caso si trattasse di un bug.

Risposta di Josh Wiley il 10 settembre 2019