Tools zum Erfassen und Konvertieren des Webs
GrabzIt's Online-Community

Firefox hat Probleme mit der Position

Ich habe ein Problem damit, dass der Screenshot in bestimmten Situationen unter Firefox korrekt funktioniert.

Firefox verwendet eine "eingebettete" CSS-Eigenschaft, die kein anderer Browser verwendet (https://developer.mozilla.org/en-US/docs/Web/CSS/inset). Es wird anstelle von links / rechts / oben / unten verwendet. Zumindest in meiner Version von FF erzwingt es sogar die Verwendung durch Ersetzen von left / right / ... CSS. GrabzIt erkennt diese Eigenschaft nicht und daher ist das Bild fĂŒr Firefox-Benutzer nicht korrekt.

Hat jemand anderes dies erlebt und eine Lösung gefunden?

Gefragt von Corey Alderin am Mittwoch, 18 September, 2019 11: 00: 32 AM

Setzen Sie den CSS-Code, der möglicherweise geÀndert werden kann, in eine externe CSS-Datei und verweisen Sie auf diese Weise in Ihrem HTML-Code.

Beantwortet von GrabzIt Support am Mittwoch, 18 September, 2019 11: 22: 48 AM

Das wĂŒrde in meinem Fall nicht funktionieren. Ich muss das CSS inline haben, weil es nicht immer dasselbe ist. Es Ă€ndert sich je nach Benutzer.

Beantwortet von Corey Alderin am Mittwoch, 18 September, 2019 12: 11: 07 PM

In meiner Version von FireFox habe ich Folgendes getestet:

<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>

Die geposteten Daten lauteten wie folgt:

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

Es wurde kein Einschub gesendet.

Beantwortet von GrabzIt Support am Mittwoch, 18 September, 2019 12: 24: 10 PM

Ich habe dies mehr getestet und es scheint, dass dies passiert, wenn der Benutzer ein Div bewegt. Meine App ermöglicht das Verschieben von Elementen, und in diesem Moment nimmt Firefox diese Änderung vor. Ich kann wahrscheinlich einige Änderungen an meinem Code vornehmen, um dies zu berĂŒcksichtigen.

Beantwortet von Corey Alderin am Mittwoch, 18 September, 2019 05: 01: 42 PM