سوالات سے پوچھیں کہ ویب صفحات یا HTML کو کس طرح تبدیل یا تبدیل کریں into تصاویر ، CSV ، PDF یا DOCX دستاویزات کے ساتھ ساتھ ویڈیوز کو تبدیل کرنے کا طریقہ بھی intاے متحرک GIF's ہمارے API کا استعمال کرتے ہوئے۔
مجھے مخصوص حالات میں فائر فاکس پر صحیح طریقے سے کام کرنے کے لیے اسکرین شاٹ حاصل کرنے میں مسئلہ درپیش ہے۔
فائر فاکس ایک "انسیٹ" سی ایس ایس پراپرٹی استعمال کرتا ہے جسے کوئی دوسرا براؤزر استعمال نہیں کرتا (https://developer.mozilla.org/en-US/docs/Web/CSS/inset)۔ یہ بائیں/دائیں/اوپر/نیچے کے بجائے استعمال ہوتا ہے۔ کم از کم میرے FF کے ورژن میں، یہ کسی بھی بائیں/دائیں/... CSS کی جگہ لے کر استعمال کرنے پر مجبور کرتا ہے۔ GrabzIt اس پراپرٹی کو نہیں پہچانتا اور اس لیے تصویر فائر فاکس کے صارفین کے لیے درست نہیں ہے۔
کیا کسی اور نے اس کا تجربہ کیا ہے اور اس کا حل ہے؟
شاید سی ایس ایس کوڈ ڈالیں جو بیرونی سی ایس ایس فائل میں تبدیل کرنے کے لئے حساس ہے اور اسے اپنے ایچ ٹی ایم ایل میں اس طرح حوالہ دیں؟
یہ میرے معاملے میں کام نہیں کرے گا۔ مجھے سی ایس ایس ان لائن رکھنے کی ضرورت ہے کیونکہ یہ ہمیشہ ایک جیسا نہیں ہوتا ہے۔ یہ صارف کے لحاظ سے تبدیل ہوتا ہے۔
فائر فاکس کے اپنے ورژن میں میں نے اس کے ساتھ تجربہ کیا:
<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>
کوئی انسیٹ نہیں بھیجا گیا تھا۔
میں اس کی مزید جانچ کر رہا ہوں اور ایسا لگتا ہے کہ یہ اس وقت ہو رہا ہے جب صارف ایک div منتقل کرتا ہے۔ میری ایپ عناصر کو ادھر ادھر منتقل کرنے کی اجازت دیتی ہے اور جب فائر فاکس یہ تبدیلی کر رہا ہوتا ہے۔ میں شاید اس کے لیے اپنے کوڈ میں کچھ تبدیلیاں کر سکتا ہوں۔