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

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

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

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

नीचे दिए गए सरल उदाहरण से पता चलता है कि GrabzIt की लाइब्रेरी का उपयोग करके उपयोगकर्ताओं के वेब पेज को स्क्रीनशॉट करना कितना आसान है। जिस पृष्ठ को आप कैप्चर करना चाहते हैं उसके ठीक नीचे कोड रखें।

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

ध्यान दें कि आप किसी भी पास कर सकते हैं पैरामीटर जावास्क्रिप्ट एपीआई द्वारा अनुमति देता है ConvertPage विधि, आगे अपने स्क्रीनशॉट को अनुकूलित करने के लिए। उदाहरण के लिए नीचे दिए गए उदाहरण में हम स्क्रीनशॉट को वेब पेज के समान चौड़ाई बनाते हैं, जबकि इसकी पूरी ऊंचाई को कैप्चर करते हैं।

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

उपरोक्त उदाहरण हालांकि सीमित हैं क्योंकि आपको वेब पेज लोड होने पर केवल पृष्ठ को कैप्चर करने के बजाय किसी प्रकार की घटना पर वेब पेज की कैप्चरिंग को ट्रिगर करना होगा। उदाहरण के लिए दो संभावित विकल्प या तो वेब पेज को एक बटन क्लिक पर या नियमित रूप से कैप्चर करना होगा intएक टाइमर के साथ ervals।

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

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

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