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

Utilizzando GrabzIt javascript su locale

C'è un modo per usare GrabzIt javascript sul mio locale e / o su una pagina che non è pubblica?

Grazie

Chiesto da Josh Wiley lunedì, 9 settembre, 2019 07: 55: 34 PM

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

Risposta di GrabzIt Support lunedì, 9 settembre, 2019 08: 00: 44 PM

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

Un paio di domande su questo:

1) Se uso ConvertHTML, il CSS deve essere all'interno di Div, sto cercando di fare uno screenshot di? O è OK avere fogli di stile al di fuori di quel Div?

2) Alcuni dei caratteri che sto provando a fare screenshot, non vengono visualizzati con il carattere corretto. I caratteri sono trattati in modo diverso?

Risposta di Josh Wiley lunedì, 9 settembre, 2019 09: 12: 02 PM

ConvertHtml può convertire a 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 sono correttamente referenziati usando URL assoluti ecc. Nel CSS.

Risposta di GrabzIt Support lunedì, 9 settembre, 2019 09: 23: 00 PM

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

Ad esempio, sto provando a fare lo screenshot di un Div che è 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 prendendo uno screenshot viene visualizzato solo come immagine 500x300 e il resto dello spazio è vuoto.

Grazie

Risposta di Josh Wiley martedì, 10 settembre, 2019 01: 32: 18 AM

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

GrabzIt ("TASTO APPLICAZIONE"). ConvertPage ({
"target": "#paddAroundExport",
"ritardo": 3000,
"format": "png",
"trasparente": 1,
"bheight": -1,
"altezza": -1,
"larghezza": -1
}) Addto ( "finalImageID.");

Risposta di Josh Wiley martedì, 10 settembre, 2019 02: 52: 11 AM

Ciao Josh,

Per la tua prima domanda potresti impostare le dimensioni del browser su 500 di 300. Quindi impostare la larghezza maggiore su ridimensionalo.

Ulteriori informazioni nell'articolo collegato.

Sul tuo secondo point, sarebbe possibile consultare la pagina con cui si riscontrano problemi?

Risposta di Josh Wiley martedì, 10 settembre, 2019 05: 35: 56 AM

OK, vedo come funziona il ridimensionamento ora per ConvertHTML. Grazie, è molto utile. Ero un po 'confuso da ciò che bheight e bwidth erano. Mi sto avvicinando molto all'utilizzo di ConverHTML ma alcune cose sono ancora spente. Questa opzione potrebbe essere difficile per me perché tutti i fogli di stile devono essere accessibili, il che è difficile per me dato che devo lavorare sulla mia versione locale per testarlo.

L'opzione ConverPage sembra essere la migliore, ma sono un po 'più lontana dal farlo funzionare. La maggior parte di quello che sto facendo è sul mio locale o dietro un login. Gli screenshot sarebbero d'aiuto? Forse potrei inviarti via email alcuni screenshot? In caso contrario, potrei forse usare qualcosa come JSFiddel per provare a ricreare il problema.

Grazie

Risposta di Josh Wiley martedì, 10 settembre, 2019 01: 50: 40 PM

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

Uno screenshot non sarebbe di grande aiuto poiché non saremmo in grado di capire perché sta catturando solo una parte del div. Se riesci a inserirlo in un file HTML o JSFiddle separato in modo da poter vedere il problema. Speriamo di essere in grado di risolvere o consigliare al riguardo.

Risposta di GrabzIt Support martedì, 10 settembre, 2019 01: 56: 16 PM

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

Risposta di GrabzIt Support martedì, 10 settembre, 2019 02: 28: 31 PM

OK, sono bloccato su quale sia la mia migliore opzione qui. Penso di non capire ancora perfettamente cosa devo fare. Sembra che l'unica opzione che ho per far funzionare questo sul mio locale è usare ConvertHTML. È corretto?

Non sei sicuro di farlo, ma sarebbe possibile per me collegarmi brevemente con te su Zoom? Se riesco a far funzionare tutto ciò di cui ho bisogno, eseguirò l'aggiornamento all'Enterprise. Sono anche disposto a passare subito a Enterprise se sei disposto a saltare su Zoom (posso impostarlo). Penso che questo sarebbe save entrambe le volte in modo da poter fermare avanti e indietro.

Risposta di Josh Wiley martedì, 10 settembre, 2019 06: 46: 52 PM

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

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

Risposta di GrabzIt Support martedì, 10 settembre, 2019 06: 55: 18 PM

Grazie per l'aiuto oggi. Sono stato in grado di farlo funzionare con il tuo aiuto e un ulteriore dettaglio. Ho aggiunto un div che racchiudeva il contenuto inviato tramite convertHTML e utilizza l'opzione target per ottenere quel div specifico. Ciò ha fatto funzionare perfettamente.

Ho capito cosa stava succedendo quando ho creato una pagina di test con i contenuti esatti che stavo inviando tramite ConvertHTML. L'immagine catturata stava catturando un body tag 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 sia un bug.

Risposta di Josh Wiley martedì, 10 settembre, 2019 09: 48: 05 PM