כלים ללכידה ולהמרה של האינטרנט
הקהילה המקוונת של GrabzIt

פיירפוקס מגלה בעיות בתנוחה

אני נתקל בבעיה בהפעלת צילום המסך כהלכה בפיירפוקס במצבים מסוימים. 

Firefox משתמשת בנכס CSS "משובץ" שאף דפדפן אחר לא משתמש בו (https://developer.mozilla.org/en-US/docs/Web/CSS/inset). משתמשים בו במקום שמאל / ימין / עליון / תחתון. לפחות בגירסת ה- FF שלי, זה אפילו מכריח את השימוש בו על ידי החלפת כל שמאל / ימין / ... CSS. GrabzIt אינו מכיר נכס זה ולכן התמונה אינה נכונה עבור משתמשי Firefox. 

האם מישהו אחר חווה זאת ויש להם פיתרון.

נשאל על ידי קורי אלדרין ב- 18 בספטמבר 2019

אולי שים את קוד ה- CSS שמותר לשנות בקובץ CSS חיצוני ולהפנות אליו ב- HTML שלך באופן הזה?

ענה GrabzIt Support ב- 18 בספטמבר 2019

That wouldn't work in my case.  I need to have the css inline because it's not always the same. It changes depending on the user. 

ענה קורי אלדרין ב- 18 בספטמבר 2019

בגרסה שלי של FireFox בדקתי זאת:

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

הנתונים שפורסמו היו אלה:

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

לא הועבר הכניסה.

 

ענה GrabzIt Support ב- 18 בספטמבר 2019

בדקתי זאת יותר ונראה שזה קורה כאשר המשתמש מעביר div. האפליקציה שלי מאפשרת להזיז אלמנטים וזה כאשר פיירפוקס עושה את השינוי הזה. אני בטח יכול לבצע כמה שינויים בקוד שלי כדי להסביר זאת. 

ענה קורי אלדרין ב- 18 בספטמבר 2019