વેબને કેપ્ચર અને કન્વર્ટ કરવા માટેનાં સાધનો

જાવાસ્ક્રિપ્ટમાં તમારા વપરાશકર્તાના વેબ પૃષ્ઠનો સ્ક્રીનશોટ કેવી રીતે લેવો

શું તમે ક્યારેય વપરાશકર્તાઓના વેબ પૃષ્ઠનો સ્ક્રીનશ takeટ લેવા માંગ્યું છે? કદાચ સરળ બગ ફિક્સિંગ અથવા વપરાશકર્તાને સક્ષમ કરવા માટે intભૂમિ સુધારણા? સારું તમે કરી શકો છો GrabzIt ની જાવાસ્ક્રિપ્ટ API.

વપરાશકર્તાઓ પૃષ્ઠને કેપ્ચર કરવા માટે તમારે આનો ઉપયોગ કરવો આવશ્યક છે ConvertPage પદ્ધતિ. આ અમને રૂપાંતરિત કરવા માટે વપરાશકર્તાઓ પૃષ્ઠની સામગ્રી મોકલે છે intઓએ છબી, પીડીએફ, ડીઓસીએક્સ અથવા બીજું કંઈપણ જેને આપણે સમર્થન આપીએ છીએ. તે યાદ રાખવું અગત્યનું છે કે સીએસએસ અથવા છબીઓ જેવા કોઈપણ સંસાધનો જ્યાં સુધી તે સાર્વજનિક રૂપે ઉપલબ્ધ ન થાય ત્યાં સુધી લોડ કરી શકાશે નહીં. જો કે આ સામાન્ય રીતે કેસ છે.

નીચેનું સરળ ઉદાહરણ બતાવે છે કે ગ્રrabબાઇટ લાઇબ્રેરીનો ઉપયોગ કરીને વપરાશકર્તાઓના વેબ પૃષ્ઠને સ્ક્રીનશોટ કરવું કેટલું સરળ છે. તમે કેપ્ચર કરવા માંગો છો તે પૃષ્ઠના તળિયે ફક્ત કોડ મૂકો.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage().Create();
</script>

નોંધો કે તમે કોઈપણ પાસ કરી શકો છો પરિમાણો ને જાવાસ્ક્રિપ્ટ API દ્વારા પરવાનગી આપે છે ConvertPage પદ્ધતિ, તમારા સ્ક્રીનશોટને વધુ કસ્ટમાઇઝ કરવા માટે. ઉદાહરણ તરીકે નીચે આપેલા ઉદાહરણમાં, સ્ક્રીનશshotટની પૂર્ણ heightંચાઇને કબજે કરતી વખતે, આપણે વપરાશકર્તાઓ વેબ પૃષ્ઠની સમાન પહોળાઈ બનાવીએ છીએ.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage({
   "bwidth":document.documentElement.clientWidth,
   "bheight": -1, 
   "height": -1,
   "width": -1
}).Create();
</script>

જોકે ઉપરોક્ત ઉદાહરણો મર્યાદિત છે કારણ કે તમારે વેબ પૃષ્ઠને લોડ કરવામાં આવે ત્યારે ફક્ત પૃષ્ઠને કuringપ્ચર કરવાને બદલે, કોઈક પ્રકારની ઘટના પર વેબ પૃષ્ઠને કબજે કરવા માટે ટ્રિગર કરવાની જરૂર પડશે. દાખલા તરીકે, બે સંભવિત વિકલ્પો કાં તો બટન ક્લિક પર અથવા નિયમિત રીતે વેબ પૃષ્ઠને કેપ્ચર કરવાનું છે intટાઈમર સાથે અર્વાલ્સ.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/grabzit.min.js"></script>
<script>
setTimeout(function(){
   GrabzIt("Sign in to view your Application Key").ConvertPage({
      "bwidth":document.documentElement.clientWidth,
      "bheight": -1, 
      "height": -1,
      "width": -1
   }).CreateInvisible();
}, 30000);
</script>

ઉપરોક્ત ઉદાહરણમાં આપણે દરેક 30 સેકંડમાં આપમેળે વપરાશકર્તાઓના વેબ પૃષ્ઠનો સ્ક્રીનશોટ બનાવીએ છીએ. પરંતુ વપરાશકર્તાઓ વેબ પૃષ્ઠ પર સ્ક્રીનશોટ ઉમેરવા અથવા તેને ડાઉનલોડ કરવાને બદલે Create અગાઉના ઉદાહરણોમાં વપરાયેલી પદ્ધતિ, બંધારણના આધારે કરશે. આ CreateInvisible પદ્ધતિનો ઉપયોગ થાય છે, જે વપરાશકર્તાને પરિણામ આપશે નહીં.

પછી તમે કરી શકો છો save જાવાસ્ક્રિપ્ટ સ્ક્રીનશોટ નીચેની પદ્ધતિઓમાંથી એકનો ઉપયોગ કરવો. પરિણામને એમેઝોન, ડ્રropપબboxક્સ, એફટીપી અથવા વધુમાં નિકાસ કરવા માટે નિકાસ પરિમાણ. અથવા તમે વેબ સેવાને ક callલ કરવા માટે સમાપ્ત ઇવેન્ટનો ઉપયોગ કરી શકો છો save પરિણામ, અથવા DataURI વેબ સર્વિસમાં પરિણામ પોસ્ટ કરવાની પદ્ધતિ.

સ્વાભાવિક રીતે તે એમ કહીને ચાલ્યા જતું નથી કે તમારે તમારા વપરાશકર્તાઓને જાણ કરવાની જરૂર પડશે કે તમે આ કરી રહ્યા છો.

તમે વર્તમાન વેબ પૃષ્ઠને, મફત દ્વારા સ્ક્રીનશોટ કરવાનું પ્રારંભ કરી શકો છો ખાતું બનાવવું અને ઉપરના કોડની નકલ કરી રહ્યા છીએ intઓએ વેબ પૃષ્ઠ કેપ્ચર કરવા માંગો છો. યાદ રાખો કે અન્ય લોકો તમારું ખાતું ઉપયોગમાં લેતા નથી તે સુનિશ્ચિત કરવા માટે તમારા ડોમેનને અધિકૃત કરો તે તમારી વેબસાઇટ પર કાર્ય કરશે તે પહેલાં.