वेब पर कब्जा और परिवर्तित करने के लिए उपकरण

जावास्क्रिप्ट में अपने उपयोगकर्ता के वेब पेज का स्क्रीनशॉट कैसे लें

क्या आपने कभी किसी उपयोगकर्ता के वेब पेज का स्क्रीनशॉट लेना चाहा है? शायद आसान बग फिक्सिंग या उपयोगकर्ता को सक्षम करने के लिए intइरफेस सुधार? वैसे आप साथ कर सकते हैं GrabzIt की जावास्क्रिप्ट एपीआई.

किसी उपयोगकर्ता पृष्ठ को कैप्चर करने के लिए आपको इसका उपयोग करना होगा ConvertPage तरीका। यह उपयोगकर्ता पृष्ठ की सामग्री को परिवर्तित होने के लिए हमारे पास भेजता है intoa छवि, PDF, DOCX या कुछ और जिसका हम समर्थन करते हैं। यह याद रखना महत्वपूर्ण है कि सीएसएस या छवियों जैसे किसी भी संसाधन को तब तक लोड नहीं किया जा सकता जब तक कि वे स्क्रीनशॉट में सार्वजनिक रूप से उपलब्ध न हों। हालाँकि आमतौर पर ऐसा ही होता है.

नीचे दिया गया सरल उदाहरण दिखाता है कि 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>

ध्यान दें कि आप कोई भी पास कर सकते हैं पैरामीटर जावास्क्रिप्ट एपीआई द्वारा अनुमति देता है 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 जावास्क्रिप्ट स्क्रीनशॉट निम्नलिखित विधियों में से किसी एक का उपयोग करना। परिणाम को अमेज़ॅन, ड्रॉपबॉक्स, एफ़टीपी या अधिक पर निर्यात करने के लिए निर्यात पैरामीटर। या आप वेब सेवा को कॉल करने के लिए फिनिश इवेंट का उपयोग कर सकते हैं save परिणाम, या DataURI वेब सेवा पर परिणाम पोस्ट करने की विधि।

जाहिर तौर पर यह कहने की जरूरत नहीं है कि आपको संभवतः अपने उपयोगकर्ताओं को यह सूचित करने की आवश्यकता होगी कि आप ऐसा कर रहे हैं।

आप वर्तमान वेब पेज का नि:शुल्क स्क्रीनशॉट लेना शुरू कर सकते हैं एक खाता बना रहा है और उपरोक्त कोड को कॉपी कर रहा हूँ intओए वेब पेज जिसे आप कैप्चर करना चाहते हैं। याद रखें कि यह सुनिश्चित करने के लिए कि अन्य लोग आपके खाते का उपयोग न करें, आपको यह करना होगा अपने डोमेन को अधिकृत करें इससे पहले कि यह आपकी वेबसाइट पर काम करेगा।