أدوات لالتقاط وتحويل الويب
مجتمع GrabzIt على الإنترنت

قضايا فايرفوكس مع posistion

أواجه مشكلة في جعل لقطة الشاشة تعمل بشكل صحيح على Firefox في مواقف معينة.

يستخدم Firefox خاصية CSS "داخلية" لا يستخدمها مستعرض آخر (https://developer.mozilla.org/en-US/docs/Web/CSS/inset). يتم استخدامه بدلاً من اليسار / اليمين / أعلى / أسفل. على الأقل في إصدار FF الخاص بي ، فإنه يفرض حتى استخدامه من خلال استبدال أي يسار / يمين / ... CSS. لا يتعرف GrabzIt على هذه الخاصية وبالتالي فإن الصورة غير صحيحة لمستخدمي Firefox.

وقد أي شخص آخر من ذوي الخبرة هذا ولها حل.

سألته Corey Alderin في 18 سبتمبر 2019

ربما ضع كود CSS الذي يمكن تغييره في ملف CSS خارجي وإحالته إلى HTML الخاص بك بهذه الطريقة؟

أجاب عنها دعم GrabzIt في 18 سبتمبر 2019

هذا لن ينجح في حالتي. أحتاج أن يكون لديك css مضمّن لأنه ليس دائمًا كما هو. يتغير اعتمادا على المستخدم.

أجاب Corey Alderin في 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 في 18 سبتمبر 2019

لقد تم اختبار هذا أكثر ويبدو أن هذا يحدث عندما يتحرك المستخدم div. يسمح تطبيقي بنقل العناصر ، وذلك عندما يقوم Firefox بإجراء هذا التغيير. ربما يمكنني إجراء بعض التغييرات على الكود الخاص بي لحساب ذلك.

أجاب Corey Alderin في 18 سبتمبر 2019