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

Problèmes de Firefox avec posistion

Je rencontre un problème pour que la capture d'écran fonctionne correctement avec 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 oblige même à l'utiliser 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. 

Est-ce que quelqu'un d'autre a vécu cela et a trouvé une solution?

Interrogé par Corey Alderin le 18 septembre 2019

Peut-être mettre le code CSS qui est susceptible de changer dans un fichier CSS externe et le référencer dans votre code 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éponse de Corey Alderin le 18 septembre 2019

Dans ma version de FireFox, j'ai testé avec 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 affichées étaient ceci:

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

Il n'y avait pas d'encart envoyé.

 

Réponse du support GrabzIt le 18 septembre 2019

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

Réponse de Corey Alderin le 18 septembre 2019