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

Problèmes de position avec Firefox

Posez des questions concernant l’outil Web Scraper de GrabzIt. Par exemple, comment utiliser le scraper Web et l’API pour extraire des données de pages Web, d’images ou de documents PDF.

J'ai du mal à faire fonctionner correctement la capture d'écran sur Firefox dans certaines situations. 

Firefox utilise une propriété CSS "inset" qu'aucun autre navigateur n'utilise (https://developer.mozilla.org/en-US/docs/Web/CSS/inset). Il est utilisé à la place de gauche/droite/haut/bas. Au moins dans ma version de FF, cela force même son utilisation en remplaçant n'importe quel CSS gauche/droite/.... GrabzIt ne reconnaît pas cette propriété et l'image n'est donc pas correcte pour les utilisateurs de Firefox. 

Quelqu'un d'autre a-t-il vécu cela et a-t-il une solution.

Question posée par Corey Alderin le 18 septembre 2019

Peut-être mettre le code CSS susceptible d'être modifié dans un fichier CSS externe et le référencer dans votre HTML de cette façon ?

Réponse du support GrabzIt le 18 septembre 2019

Cela ne fonctionnerait pas dans mon cas. J'ai besoin d'avoir le CSS en ligne car ce n'est pas toujours le même. Cela change en fonction de l'utilisateur. 

Répondu par Corey Alderin le 18 septembre 2019

Dans ma version de FireFox, j'ai testé ceci :

<html>
<head>
<script src="grabzit.min.js"></script>
</head>
<body>
<div id="screenshot"><style>
div{
top:1em;
left:1em;
position:absolute;
}
</style>
<div>Hello</div></div>
<script>GrabzIt("APPLICATION KEY").ConvertHTML(document.getElementById('screenshot').innerHTML,{"target": "#captureThis",
"format": "png",
"transparent": 1,
"bwidth": 1200,
"bheight": 1000,
"hd": 1,
"width": 1200,
"height": 1000,
"hide": ".modal-backdrop",
"displayid": "finalImage"}).DataURI();
</script>
</body>
</html>

Les données publiées étaient les suivantes :

<style>
div{
top:1em;
left:1em;
position:absolute;
}
</style>
<div>Hello</div>

Aucun encart n’a été envoyé.

 

Réponse du support GrabzIt le 18 septembre 2019

J'ai testé cela davantage et il semble que cela se produise lorsque l'utilisateur déplace un div. Mon application permet de déplacer des éléments et c'est à ce moment-là que Firefox effectue ce changement. Je peux probablement apporter quelques modifications à mon code pour en tenir compte. 

Répondu par Corey Alderin le 18 septembre 2019