वेब पर कब्जा और परिवर्तित करने के लिए उपकरण
GrabzIt के ऑनलाइन समुदाय

फ़ायरफ़ॉक्स पॉज़िशन के साथ जारी करता है

मैं कुछ समस्याओं में फ़ायरफ़ॉक्स पर सही ढंग से काम करने के लिए स्क्रीनशॉट प्राप्त करने वाला एक मुद्दा रहा हूं। 

फ़ायरफ़ॉक्स एक "इनसेट" सीएसएस संपत्ति का उपयोग करता है जिसे कोई अन्य ब्राउज़र उपयोग नहीं करता है (https://developer.mozilla.org/en-US/docs/Web/CSS/inset)। यह बाएँ / दाएँ / ऊपर / नीचे के बजाय उपयोग किया जाता है। कम से कम एफएफ के मेरे संस्करण में, यह किसी भी बाएं / दाएं / ... सीएसएस की जगह का उपयोग करने के लिए भी मजबूर करता है। GrabzIt इस संपत्ति को नहीं पहचानता है और इसलिए फ़ायरफ़ॉक्स उपयोगकर्ताओं के लिए छवि सही नहीं है। 

किसी और को यह अनुभव किया है और एक समाधान है।

18 सितंबर 2019 को कोरी एल्डिन द्वारा पूछा गया

शायद सीएसएस कोड डालें जो बाहरी सीएसएस फ़ाइल में बदलने के लिए अतिसंवेदनशील है और इसे अपने HTML में इस तरह से देखें?

18 सितंबर 2019 को GrabzIt सपोर्ट द्वारा उत्तर दिया गया

यह मेरे मामले में काम नहीं करेगा। मुझे सीएसएस इनलाइन की आवश्यकता है क्योंकि यह हमेशा समान नहीं होता है। यह उपयोगकर्ता के आधार पर बदलता है। 

18 सितंबर 2019 को कोरी एल्डिन द्वारा उत्तर दिया गया

फ़ायरफ़ॉक्स के अपने संस्करण में मैंने इसके साथ परीक्षण किया:

<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>

कोई इनसेट नहीं भेजा गया था।

 

18 सितंबर 2019 को GrabzIt सपोर्ट द्वारा उत्तर दिया गया

मैं इसे अधिक परीक्षण कर रहा हूं और ऐसा प्रतीत होता है कि यह तब हो रहा है जब उपयोगकर्ता एक डिव को स्थानांतरित करता है। मेरा ऐप तत्वों को इधर-उधर ले जाने की अनुमति देता है और वह तब है जब फ़ायरफ़ॉक्स उस बदलाव को कर रहा है। मैं शायद इसके लिए अपने कोड में कुछ बदलाव कर सकता हूं। 

18 सितंबर 2019 को कोरी एल्डिन द्वारा उत्तर दिया गया