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

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

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

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

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

تم السؤال من Corey Alderin يوم الأربعاء ، 18 September ، 2019 11: 00: 32 AM

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

تم الرد عليه بواسطة GrabzIt Support يوم الأربعاء ، 18 September ، 2019 11: 22: 48 AM

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

تم الرد عليه بواسطة Corey Alderin يوم الأربعاء ، 18 September ، 2019 12: 11: 07 PM

في إصداري من 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 September ، 2019 12: 24: 10 PM

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

تم الرد عليه بواسطة Corey Alderin يوم الأربعاء ، 18 September ، 2019 05: 01: 42 PM