Outils pour capturer et convertir le Web
Communauté en ligne de GrabzIt

Utilisation de javascript sur GrabzIt en local

Existe-t-il un moyen pour moi d’utiliser le code JavaScript de GrabzIt sur mon site local et / ou sur une page qui n’est pas publique?

 

Merci

Interrogé par Josh Wiley le 9 septembre 2019

Oui, appelez-le simplement à partir de localhost ou même simplement d'un fichier html et cela fonctionnera. S'il vous plaît dites-moi si vous avez des problèmes.

Réponse du support GrabzIt le 9 septembre 2019

OK merci. Je commence à comprendre un peu plus cela. Je lisais cette page: https://grabz.it/support/?uniqueId=html-tips.

Quelques questions à ce sujet:

1) Si j'utilise ConvertHTML, est-ce que le CSS doit être à l'intérieur de Div que j'essaie de prendre une capture d'écran? Ou est-il acceptable d'avoir des feuilles de style en dehors de cette Div?

2) Certaines des polices que je tente de capturer ne s'affichent pas avec la police correcte. Les polices sont-elles traitées différemment?

Réponse de Josh Wiley le 9 septembre 2019

ConvertHtml peut convertir un string En HTML, vous pouvez inclure le CSS, mais sinon, vous devrez vous assurer que toute feuille de style externe utilise des URL absolues.

Les polices devraient fonctionner si elles sont correctement référencées à l'aide d'URL absolues, etc., dans le CSS.

Réponse du support GrabzIt le 9 septembre 2019

Merci. Une autre question. Existe-t-il un moyen d'agrandir l'image finale sans avoir d'espace vide à droite et en bas?  

Par exemple, j'essaye de capturer une div qui est 500x300 mais je veux la redimensionner à 750x450. Lorsque je règle la largeur sur 750 et la hauteur sur 450, une image 750x450 est créée, mais la div dont je suis en train de prendre une capture d'écran n'apparaît que sous la forme d'une image 500x300 et le reste de l'espace est vide.

 

Merci

Réponse de Josh Wiley le 10 septembre 2019

En outre, j'ai essayé ConvertPage et cela ne fonctionne pas non plus, mais avec des résultats différents. Vous trouverez ci-dessous un exemple de ce que j'ai fait. Cela coupe l'image et ne montre que la moitié de celle-ci.

 

GrabzIt ("APPLICATION KEY"). ConvertPage ({
"cible": "#paddAroundExport",
"delay": 3000,
"format": "png",
"transparent": 1,
"bheight": -1,
"hauteur": -1,
"largeur": -1
}). AddTo ("finalImageID");

Réponse de Josh Wiley le 10 septembre 2019

Salut Josh,

Pour votre première question, vous pouvez définir la taille du navigateur sur 500 by 300. Puis définissez la plus grande largeur sur le redimensionner.

Il y a plus d'informations dans l'article lié.

Sur votre deuxième point, serait-il possible de regarder la page avec laquelle vous rencontrez des problèmes?

Réponse de Josh Wiley le 10 septembre 2019

OK, je vois comment la mise à l'échelle fonctionne maintenant pour ConvertHTML. Merci, c'est très utile. J'étais un peu confus par ce que taille et largeur étaient. Je me rapproche beaucoup de l’utilisation de ConverHTML, mais il reste quelques problèmes. Cette option peut être difficile pour moi car toutes les feuilles de style doivent être accessibles, ce qui est difficile pour moi car je dois travailler sur ma version locale pour le tester.

 

L'option ConverPage semble être ma meilleure mais je suis un peu plus éloigné de la faire fonctionner. La plupart de ce que je fais est sur mon local ou derrière une connexion. Les captures d'écran seraient-elles utiles? Peut-être que je pourrais vous envoyer des captures d'écran par e-mail? Sinon, je peux peut-être utiliser quelque chose comme JSFiddel pour essayer de recréer le problème.

Merci

 

Réponse de Josh Wiley le 10 septembre 2019

Ne pouvez-vous toujours pas référencer le CSS avec des URL absolues? par exemple https://www.example.com/styles/main.css

Une capture d’écran ne nous aiderait pas beaucoup car nous ne pourrions pas comprendre pourquoi elle ne capture qu’une partie de la div. Si vous pouvez le placer dans un fichier HTML séparé ou dans JSFiddle, nous pourrons alors voir le problème. Nous espérons pouvoir résoudre ou conseiller à ce sujet.

Réponse du support GrabzIt le 10 septembre 2019

En ce qui concerne CapturePage, je viens de relâcher le problème. La méthode CapturePage doit avoir accès à toutes les ressources accessibles au public, comme décrit dans cet article.

Réponse du support GrabzIt le 10 septembre 2019

OK, je suis coincé sur ce que ma meilleure option est ici. Je pense que je ne comprends toujours pas complètement ce que je dois faire. Il semble que la seule option dont je dispose pour que cela fonctionne sur mon local est d'utiliser ConvertHTML. Est-ce exact?

Je ne sais pas si vous faites cela, mais serait-il possible pour moi de vous connecter brièvement via Zoom? Si je peux faire en sorte que cela fonctionne comme j'en ai besoin, je passerai à l'Enterprise. Je suis même prêt à passer à Enterprise tout de suite si vous êtes prêt à sauter sur Zoom (je peux le configurer). Je pense que ce serait save nous deux fois afin que nous puissions arrêter le va-et-vient. 

 

Réponse de Josh Wiley le 10 septembre 2019

Ok, je n'ai pas utilisé ça avant mais je vais essayer.

S'il vous plaît pouvez-vous envoyer les détails via notre Formulaire de contact.

Réponse du support GrabzIt le 10 septembre 2019

Merci pour l'aide aujourd'hui. J'ai pu le faire fonctionner avec votre aide et un détail supplémentaire. J'ai ajouté une div qui englobe le contenu que j'ai envoyé via convertHTML et utilise l'option target pour obtenir cette div spécifique. Cela a fonctionné parfaitement. 

J'ai réalisé ce qui se passait lorsque j'ai créé une page de test avec le contenu exact que j'envoyais via ConvertHTML. L'image capturée capturait une étiquette de corps qui semble avoir été ajoutée par le navigateur, même si je n'en envoyais pas. Je ne sais pas si c'est ma faute ou un bug dans GrabzIt mais je voulais le mentionner au cas où il s'agirait d'un bug.

Réponse de Josh Wiley le 10 septembre 2019