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

जावास्क्रिप्ट सह स्क्रीनशॉट आणि HTML रूपांतरण इव्हेंट

जावास्क्रिप्ट API

ग्रॅबझिट बर्‍याच इव्हेंट्स उघडकीस आणते जे विकासकांना हुक करण्याची परवानगी देतात into स्क्रीनशॉट आणि कॅप्चर जनरेशन दरम्यान येऊ शकतात भिन्न अवस्था.

ऑनफिनिश इव्हेंट

अगोदर निर्देश केलेल्या बाबीसंबंधी बोलताना onfinish इव्हेंट स्क्रीनशॉट तयार झाल्यावर प्रदान केलेल्या जावास्क्रिप्ट फंक्शनला कॉल करते. हुक करणे intओ onfinish इव्हेंटसाठी आपण जावास्क्रिप्ट फंक्शन प्रदान करणे आवश्यक आहे जे ग्रॅबझिट द्वारे कॉल केले जावे.

जावास्क्रिप्ट फंक्शन मध्ये एक असावा id पॅरामीटर, खाली आयडी मापदंड समान करेल id जावास्क्रिप्ट कॉलद्वारे घेतलेला स्क्रीनशॉट. चा एक संभाव्य वापर id या जुळणीसह स्क्रीनशॉट डाउनलोड करण्यासाठी सर्व्हर-साइड कोडवर कॉल करण्यासाठी AJAX चा वापर करणे असे काहीतरी करणे पैरामीटर असू शकते id आपल्या वेब सर्व्हरवर, जेणेकरून आपल्याकडे क्लायंट-साइड जावास्क्रिप्टमध्ये व्युत्पन्न केलेल्या सर्व स्क्रीनशॉटची नोंद आहे.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
    {"onfinish": function(id){
        alert(id);
    }}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
    {"onfinish": function(id){
        alert(id);
    }}).Create();
</script>

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

ऑनस्टार्ट इव्हेंट

अगोदर निर्देश केलेल्या बाबीसंबंधी बोलताना onstart जेव्हा स्क्रीनशॉटने प्रक्रिया सुरू केली तेव्हा इव्हेंट प्रदान केलेल्या जावास्क्रिप्ट फंक्शनला कॉल करते. हुक करणे intओ onstart इव्हेंटसाठी आपण जावास्क्रिप्ट फंक्शन प्रदान करणे आवश्यक आहे जे ग्रॅबझिट द्वारे कॉल केले जावे.

ऑनफिनिश प्रमाणेच, ऑनस्टार्ट जावास्क्रिप्ट फंक्शनमध्ये एक असावा id पॅरामीटर, खाली आयडी मापदंड समान करेल id स्क्रीनशॉट जो जावास्क्रिप्ट कॉलद्वारे घेतला जाईल.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
    {"onstart": function(id){
        alert(id);
    }}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
    {"onstart": function(id){
        alert(id);
    }}).Create();
</script>

ऑनऑरर इव्हेंट

अगोदर निर्देश केलेल्या बाबीसंबंधी बोलताना onerror एखादी त्रुटी उद्भवते तेव्हा कार्यक्रम म्हणतात. हुक करणे into हा इव्हेंट खाली दर्शविल्याप्रमाणे, इव्हेंटला हाताळण्यासाठी असे कार्य प्रदान करते.

त्रुटी कार्यक्रम हाताळण्यासाठी आपण निर्दिष्ट केलेले जावास्क्रिप्ट कार्य असावे message आणि code खाली दर्शविल्यानुसार पॅरामीटर संदेश त्रुटीचा एक मजकूर स्पष्टीकरण आहे आणि कोड त्रुटीशी संबंधित एक संख्यात्मक कोड आहे.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
    {"onerror": function(message, code){
        alert(message);
    }}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
    {"onerror": function(message, code){
        alert(message);
    }}).Create();
</script>