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

Demandé par Josh Wiley le lundi, 9 en septembre, 2019 07: 55: 34 PM

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épondu par le support GrabzIt lundi, 9 septembre, 2019 08: 00: 44 PM

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

Quelques questions à ce sujet:

1) Si j'utilise ConvertHTML, le CSS doit-il être à l'intérieur de Div? J'essaie de prendre une capture d'écran de? Ou est-ce correct 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épondu par Josh Wiley le lundi 9 en septembre, 2019 09: 12: 02 PM

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épondu par le support GrabzIt lundi, 9 septembre, 2019 09: 23: 00 PM

Merci. Une autre question. Existe-t-il un moyen d’agrandir l’image finale sans laisser 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épondu par Josh Wiley le mardi, 10 en septembre, 2019 01: 32: 18 AM

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épondu par Josh Wiley le mardi, 10 en septembre, 2019 02: 52: 11 AM

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épondu par Josh Wiley le mardi, 10 en septembre, 2019 05: 35: 56 AM

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 mon meilleur choix, mais je suis un peu plus éloigné que de le faire fonctionner. La plupart de ce que je fais est sur mon local ou derrière un login. Est-ce que les captures d'écran aideraient? 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épondu par Josh Wiley le mardi, 10 en septembre, 2019 01: 50: 40 PM

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épondu par le support GrabzIt mardi, 10 septembre, 2019 01: 56: 16 PM

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épondu par le support GrabzIt mardi, 10 septembre, 2019 02: 28: 31 PM

OK, je suis coincé sur ce que ma meilleure option est ici. Je pense que je ne comprends toujours pas ce que je dois faire. Il semble que la seule option 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 communiquer brièvement avec vous via Zoom? Si je peux obtenir que cela fonctionne comme j'en ai besoin, je passerai à l'entreprise. Je suis même prêt à passer immédiatement à Enterprise si vous êtes prêt à utiliser Zoom (je peux le configurer). Je pense que cela save nous deux fois afin que nous puissions arrêter le va-et-vient.

Répondu par Josh Wiley le mardi, 10 en septembre, 2019 06: 46: 52 PM

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épondu par le support GrabzIt mardi, 10 septembre, 2019 06: 55: 18 PM

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 balise de corps qui semble avoir été ajoutée par le navigateur, même si je n'en envoyais pas. Je ne suis pas sûr que ce soit de ma faute ou un bug de GrabzIt, mais je voulais le mentionner au cas où il s'agirait d'un bug.

Répondu par Josh Wiley le mardi, 10 en septembre, 2019 09: 48: 05 PM