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

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

શું તમે ક્યારેય યુઝર વેબ પેજનો સ્ક્રીનશોટ લેવા ઇચ્છો છો? કદાચ સરળ બગ ફિક્સિંગ અથવા વપરાશકર્તાને સક્ષમ કરવા માટે intઈરફેસ સુધારાઓ? સાથે સાથે તમે કરી શકો છો GrabzIt નું JavaScript API.

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

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

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

નોંધ કરો કે તમે કોઈપણ પાસ કરી શકો છો પરિમાણો માટે JavaScript API દ્વારા પરવાનગી આપે છે ConvertPage પદ્ધતિ, તમારા સ્ક્રીનશૉટને વધુ કસ્ટમાઇઝ કરવા માટે. ઉદાહરણ તરીકે, નીચે આપેલા ઉદાહરણમાં અમે સ્ક્રીનશૉટને વપરાશકર્તાઓના વેબ પેજ જેટલી પહોળાઈ બનાવીએ છીએ, જ્યારે તેની સંપૂર્ણ ઊંચાઈને કૅપ્ચર કરીએ છીએ.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/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>

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

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/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 JavaScript સ્ક્રીનશોટ નીચેની પદ્ધતિઓમાંથી એકનો ઉપયોગ કરીને. Amazon, Dropbox, FTP અથવા વધુ પર પરિણામ નિકાસ કરવા માટેનું નિકાસ પરિમાણ. અથવા તમે વેબ સેવાને કૉલ કરવા માટે સમાપ્ત ઇવેન્ટનો ઉપયોગ કરી શકો છો save પરિણામ, અથવા DataURI વેબ સેવા પર પરિણામ પોસ્ટ કરવાની પદ્ધતિ.

દેખીતી રીતે તે કહેતા વગર જાય છે કે તમારે કદાચ તમારા વપરાશકર્તાઓને જાણ કરવાની જરૂર પડશે કે તમે આ કરી રહ્યાં છો.

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