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?

Demandé par Corey Alderin mercredi, 18 en septembre, 2019 11: 00: 32 AM

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épondu par le support GrabzIt mercredi, 18 septembre, 2019 11: 22: 48 AM

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

Réponse de Corey Alderin mercredi, 18 septembre, 2019 12: 11: 07 PM

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épondu par le support GrabzIt mercredi, 18 septembre, 2019 12: 24: 10 PM

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 mercredi, 18 septembre, 2019 05: 01: 42 PM