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

مشاكل فايرفوكس مع الموقف

اطرح أسئلة حول كيفية التقاط أو تحويل صفحات الويب أو HTML into الصور أو ملفات CSV أو PDF أو DOCX وكذلك حول كيفية تحويل مقاطع الفيديو intس المتحركة GIF باستخدام API لدينا.

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

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

هل واجه أي شخص آخر هذا ولديه الحل.

تم طرح السؤال بواسطة كوري ألدرين في 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