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.
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 ?
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.
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é.
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.