اطرح الأسئلة المتعلقة بأداة مكشطة الويب GrabzIt. مثل كيفية استخدام مكشطة الويب وواجهة برمجة التطبيقات لاستخراج البيانات من صفحات الويب أو الصور أو مستندات PDF.
أواجه مشكلة في جعل لقطة الشاشة تعمل بشكل صحيح على Firefox في مواقف معينة.
يستخدم Firefox خاصية CSS "inset" التي لا يستخدمها أي متصفح آخر (https://developer.mozilla.org/en-US/docs/Web/CSS/inset). يتم استخدامه بدلاً من اليسار/اليمين/الأعلى/الأسفل. على الأقل في نسختي من FF، فإنه يفرض استخدامه عن طريق استبدال أي يسار/يمين/... CSS. GrabzIt لا يتعرف على هذه الخاصية وبالتالي فإن الصورة غير صحيحة لمستخدمي Firefox.
هل واجه أي شخص آخر هذا ولديه الحل.
ربما تضع كود CSS القابل للتغيير في ملف CSS خارجي والإشارة إليه في HTML الخاص بك بهذه الطريقة؟
هذا لن ينجح في حالتي. أحتاج إلى تضمين CSS لأنه ليس هو نفسه دائمًا. ويتغير اعتمادا على المستخدم.
في نسختي من 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>
لم يكن هناك أقحم إرسالها.