इमेज प्रोसेसिंग के लिए ओपन सोर्स जावास्क्रिप्ट लाइब्रेरी

वेबसाइटों के स्क्रीनशॉट कैप्चर करने के लिए जावास्क्रिप्ट एपीआई

कैप्चर-वेबसाइट क्या है?

कैप्चर-वेबसाइट एक ओपन-सोर्स लाइटवेट इमेज प्रोसेसिंग लाइब्रेरी है जो जावास्क्रिप्ट डेवलपर्स को वेबसाइटों के स्क्रीनशॉट को कैप्चर करने में सक्षम बनाती है। एपीआई का उपयोग करके, आप साइट के URL का उपयोग करके किसी भी वेबसाइट के स्क्रीनशॉट ले सकते हैं और स्क्रीनशॉट आउटपुट फ़ाइल पथ पर सहेजे जाते हैं। आप स्क्रीनशॉट की चौड़ाई, ऊंचाई, प्रकार और छवि गुणवत्ता सेट कर सकते हैं। इसके अलावा, आप विशिष्ट डिवाइस आकारों के आधार पर स्क्रीनशॉट भी ले सकते हैं।

एपीआई का उपयोग करके, आप न केवल दृश्य भाग के स्क्रीनशॉट ले सकते हैं बल्कि पूर्ण स्क्रॉल करने योग्य पृष्ठ सहित पूरी साइट ले सकते हैं। डिफ़ॉल्ट रूप से, एपीआई स्क्रीनशॉट के लिए एक सफेद पृष्ठभूमि का उपयोग करता है। यदि आप पृष्ठभूमि हटाते हैं, तो एपीआई पारदर्शिता के साथ स्क्रीनशॉट कैप्चर करेगा।

Previous Next

कैप्चर-वेबसाइट के साथ शुरुआत करना

एनपीएम के माध्यम से कैप्चर-वेबसाइट को स्थापित करने का अनुशंसित तरीका। कृपया इसे स्थापित करने के लिए निम्न आदेश का उपयोग करें।

एनपीएम के माध्यम से कैप्चर-वेबसाइट चोर स्थापित करें

 npm install capture-website 

फ्री जावास्क्रिप्ट एपीआई के माध्यम से वेबसाइट के स्क्रीनशॉट कैप्चर करें

ओपन-सोर्स कैप्चर-वेबसाइट लाइब्रेरी जावास्क्रिप्ट डेवलपर्स को वेबसाइटों के स्क्रीनशॉट को प्रोग्रामेटिक रूप से कैप्चर करने की अनुमति देती है। साइट के स्क्रीनशॉट को कैप्चर करने के लिए, एपीआई कैप्चरवेबसाइट.फाइल () विधि प्रदान करता है। विधि एक इनपुट फ़ाइल नाम, आउटपुट फ़ाइल पथ और स्क्रीनशॉट के लिए विकल्प लेती है। कोड की निम्नलिखित दो पंक्तियों का उपयोग करके, आप आसानी से वेबसाइट के स्क्रीनशॉट ले सकते हैं।

वेबसाइट स्क्रीनशॉट कैप्चर करें

  1. आयात कैप्चर वेबसाइट लाइब्रेरी
  2. CaptureWebsite.file(input, outputFilePath, options?) का उपयोग करके किसी साइट के स्क्रीनशॉट कैप्चर करें। विधि दिए गए इनपुट के स्क्रीनशॉट को कैप्चर करती है और इसे दिए गए आउटपुटफाइलपाथ में सहेजती है।
  3. आप आउटपुट फ़ाइल के लिए ऊंचाई, चौड़ाई प्रकार और चौड़ाई जैसे विकल्प भी सेट कर सकते हैं

जावास्क्रिप्ट में वेबसाइट के स्क्रीनशॉट कैप्चर करें

import captureWebsite from 'capture-website';
    await captureWebsite.file('https://fileformat.com', 'screenshot.png');
            

जावास्क्रिप्ट में विशिष्ट डिवाइस आकार के लिए स्क्रीनशॉट कैप्चर करें

ओपन-सोर्स कैप्चर-वेबसाइट लाइब्रेरी जावास्क्रिप्ट डेवलपर्स को स्क्रीनशॉट कैप्चर करने की अनुमति देती है क्योंकि यह निर्दिष्ट डिवाइस पर लिया गया था। साइट के स्क्रीनशॉट कैप्चर करने के लिए, एपीआई emulateDevice प्रॉपर्टी प्रदान करता है। आप iPhone X आकार के स्क्रीनशॉट का अनुकरण कर सकते हैं। कोड की निम्नलिखित दो पंक्तियों का उपयोग करके, आप आसानी से वेबसाइट के स्क्रीनशॉट का अनुकरण कर सकते हैं।

स्क्रीनशॉट के लिए डिवाइस का अनुकरण करें

  1. आयात कैप्चर वेबसाइट लाइब्रेरी
  2. कैप्चरवेबसाइट.फाइल (इनपुट, आउटपुटफाइलपाथ, विकल्प?) का उपयोग करके साइट के स्क्रीनशॉट कैप्चर करें। विधि दिए गए इनपुट के स्क्रीनशॉट को कैप्चर करती है और इसे दिए गए आउटपुटफाइलपाथ में सहेजती है।
  3. EmulateDevice प्रॉपर्टी का उपयोग करके अनुकरण करें और मान को 'iPhone X' पर सेट करें

जावास्क्रिप्ट में वेबसाइट के स्क्रीनशॉट का अनुकरण करें

import captureWebsite from 'capture-website';
    await captureWebsite.file('https://fileformat.com', 'screenshot.png', {
        emulateDevice: 'iPhone X'
    });
            
 हिन्दी