ફાયરફોક્સ પોઝિશન સાથેના મુદ્દાઓ
વેબ પૃષ્ઠો અથવા એચટીએમએલને કેપ્ચર અથવા કન્વર્ટ કેવી રીતે કરવું તે પર પ્રશ્નો પૂછો into છબીઓ, સીએસવી, પીડીએફ અથવા ડીઓએક્સએક્સ દસ્તાવેજો તેમજ વિડિઓઝને કન્વર્ટ કેવી રીતે કરવી તે પર intઅમારા એપીઆઇ નો ઉપયોગ કરીને એનિમેટેડ જીઆઈએફ.
અમુક પરિસ્થિતિઓમાં ફાયરફોક્સ પર યોગ્ય રીતે કામ કરવા માટે સ્ક્રીનશોટ મેળવવામાં મને સમસ્યા આવી રહી છે.
ફાયરફોક્સ "ઇનસેટ" CSS પ્રોપર્ટીનો ઉપયોગ કરે છે જે અન્ય કોઈ બ્રાઉઝર ઉપયોગ કરતું નથી (https://developer.mozilla.org/en-US/docs/Web/CSS/inset). તેનો ઉપયોગ ડાબે/જમણે/ટોપ/નીચેને બદલે થાય છે. ઓછામાં ઓછા મારા FF સંસ્કરણમાં, તે કોઈપણ ડાબે/જમણે/... CSS ને બદલીને તેનો ઉપયોગ કરવાની ફરજ પાડે છે. GrabzIt આ ગુણધર્મને ઓળખતું નથી અને તેથી Firefox વપરાશકર્તાઓ માટે ઇમેજ સાચી નથી.
શું બીજા કોઈને આનો અનુભવ થયો છે અને તેનો ઉકેલ છે.
કદાચ સીએસએસ કોડ કે જે બાહ્ય CSS ફાઇલમાં બદલવા માટે સંવેદનશીલ છે અને તેને તમારા HTML માં તે રીતે સંદર્ભિત કરો?
તે મારા કિસ્સામાં કામ કરશે નહીં. મારી પાસે css ઇનલાઇન હોવું જરૂરી છે કારણ કે તે હંમેશા સરખું હોતું નથી. તે વપરાશકર્તાના આધારે બદલાય છે.
ફાયરફોક્સના મારા સંસ્કરણમાં મેં આ સાથે પરીક્ષણ કર્યું:
<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 ખસેડે છે ત્યારે આ થઈ રહ્યું છે. મારી એપ્લિકેશન તત્વોને આસપાસ ખસેડવાની મંજૂરી આપે છે અને તે તે છે જ્યારે ફાયરફોક્સ તે ફેરફાર કરે છે. આ માટે હું કદાચ મારા કોડમાં કેટલાક ફેરફારો કરી શકું છું.