वेब कॅप्चर आणि रूपांतरित करण्यासाठी साधने

जावास्क्रिप्टमध्ये आपल्या वापरकर्त्याच्या वेब पृष्ठाचा स्क्रीनशॉट कसा घ्यावा

आपल्याला कधीही वापरकर्त्यांच्या वेब पृष्ठाचा स्क्रीनशॉट घ्यायचा आहे? कदाचित सुलभ बग फिक्सिंग किंवा वापरकर्ता सक्षम करण्यासाठी intइरफेस सुधारणा? पण आपण हे करू शकता GrabzIt चे जावास्क्रिप्ट API.

वापरकर्ता पृष्ठ कॅप्चर करण्यासाठी आपण हे वापरणे आवश्यक आहे ConvertPage पद्धत. हे आमच्या पृष्ठावरील सामग्री रूपांतरित करण्यासाठी आमच्याकडे पाठवते intoa प्रतिमा, पीडीएफ, डीओसीएक्स किंवा आम्ही समर्थन करत असलेली इतर कोणतीही गोष्ट. हे लक्षात ठेवणे आवश्यक आहे की सीएसएस किंवा प्रतिमा म्हणून कोणतीही संसाधने सार्वजनिकपणे उपलब्ध नसल्यास स्क्रीनशॉटमध्ये असल्याशिवाय लोड करणे शक्य नाही. तथापि सामान्यतः असेच होते.

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टायमरसह एर्व्हल्स.

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

वरील उदाहरणात आम्ही प्रत्येक एक्सएनयूएमएक्स सेकंदात वापरकर्त्याचे वेबपृष्ठ स्वयंचलितपणे स्क्रीनशॉट तयार करतो. परंतु वापरकर्त्यांच्या वेब पृष्ठावर स्क्रीनशॉट जोडण्याऐवजी किंवा ते डाउनलोड करण्याऐवजी Create मागील उदाहरणांमध्ये वापरलेली पद्धत स्वरूपानुसार होईल. द CreateInvisible पद्धत वापरली जाते, जी वापरकर्त्याला निकाल देणार नाही.

आपण नंतर करू शकता save जावास्क्रिप्ट स्क्रीनशॉट पुढीलपैकी एक पद्धत वापरणे. Amazonमेझॉन, ड्रॉपबॉक्स, एफटीपी किंवा अधिकवर परिणाम निर्यात करण्यासाठी निर्यात मापदंड. किंवा आपण वेब सर्व्हिसवर कॉल करण्यासाठी अंतिम इव्हेंट वापरू शकता save परिणाम, किंवा DataURI वेब सेवेवर निकाल पोस्ट करण्याची पद्धत.

अर्थात हे सांगण्याशिवाय असे होत नाही की आपण कदाचित आपल्या वापरकर्त्यांना हे करीत असल्याची माहिती द्यावी लागेल.

आपण सध्याचे वेबपृष्ठ विनामूल्य विनामूल्य स्क्रीनशॉटिंग प्रारंभ करू शकता खाते तयार करीत आहे आणि वरील कोड कॉपी करत आहे intओए वेब पृष्ठ आपण कॅप्चर करू इच्छित आहात. लक्षात ठेवा की इतर लोक आपले खाते वापरत नाहीत हे सुनिश्चित करण्यासाठी आपले डोमेन अधिकृत करा आपल्या वेबसाइटवर कार्य करण्यापूर्वी.