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