मैं आपके साथ मोज़िला फ़ायरफ़ॉक्स के लिए एक शांत चाल साझा करना चाहता हूं जो आपकी उत्पादकता बढ़ा सकता है और आपका समय बचा सकता है। वेब सर्फिंग करते समय, आप कभी-कभी इसका स्क्रीनशॉट लेकर अपने दोस्तों के साथ कुछ साझा करना चाहते हैं। लेकिन यह पूरे पृष्ठ का स्क्रीनशॉट लेने, उसे सहेजने, उसे क्रॉप करने आदि के लिए कई कदम उठाता है। इस लेख में, हम देखेंगे कि सीधे ऐड-ऑन का उपयोग किए बिना किसी वेब पेज पर किसी विशिष्ट तत्व का स्क्रीनशॉट कैसे लिया जाए।
विज्ञापन
जब कोई वेब पेज लोड होता है, तो आपका वेब ब्राउजर पेज का डॉक्यूमेंट ऑब्जेक्ट मॉडल बनाता है। DOM का निर्माण एक ट्री स्ट्रक्चर के रूप में किया गया है, जिसमें प्रत्येक नोड डॉक्यूमेंट के एक भाग का प्रतिनिधित्व करने वाली एक वस्तु है।
आइए देखें कि आप अपने स्क्रीनशॉट में केवल एक विशिष्ट तत्व को पकड़ने के लिए इसका उपयोग कैसे कर सकते हैं।
सेवा फ़ायरफ़ॉक्स में एक विशिष्ट वेब पेज तत्व का स्क्रीनशॉट लें , निम्न चरण करें:
- फ़ायरफ़ॉक्स में वांछित पृष्ठ खोलें और उस तत्व को राइट क्लिक करें जिसे आप कैप्चर करना चाहते हैं।
- संदर्भ मेनू से, 'निरीक्षण तत्व' चुनें:
- निरीक्षक उपकरण खोला जाएगा। ध्यान दें कि डोम ट्री नोड्स के लिए इसका ब्रेडक्रंब नियंत्रण है:
- वहां, आप किसी भी तत्व को राइट क्लिक कर सकते हैं स्क्रीनशॉट नोड संदर्भ मेनू से:यह वही है जो हमें चाहिए।
इस विशेषता के बारे में महान बात यह है कि यह लंबे तत्वों को भी कैप्चर करता है, जिसमें अधिकांश तत्व शामिल हैं जिन्हें स्क्रॉल करने की आवश्यकता होती है। मेरे मामले में, यहाँ स्क्रीनशॉट कैसा दिखता है:
वैकल्पिक रूप से, आप बिल्ट-इन का उपयोग कर सकते हैं स्क्रीनशॉट आदेश। इससे पहले, मैंने लिखा था फ़ायरफ़ॉक्स में खोले गए पृष्ठ का स्क्रीनशॉट कैसे लें । उल्लिखित लेख में, हमने पूरे पृष्ठ पर कब्जा करने के लिए फ़ायरफ़ॉक्स कमांड 'स्क्रीनशॉट' में निर्मित का उपयोग किया। उसी कार्यक्षमता का उपयोग खुले हुए पृष्ठ पर एक विशिष्ट तत्व को स्क्रीनशॉट करने के लिए किया जा सकता है।
- फ़ायरफ़ॉक्स खोलें और दबाएँ Shift + F2 कीबोर्ड पर। फ़ायरफ़ॉक्स स्क्रीन के निचले भाग में एक कंसोल / कमांड लाइन खोलेगा।
- इसके अंदर निम्न कमांड टाइप करें:
स्क्रीनशॉट - चयनकर्ता 'नाम'
नाम 'भाग' को उपयुक्त चयनकर्ता नाम से बदलें। मेरे मामले में, यह होना चाहिए
स्क्रीनशॉट --selector '# विजेट-ऐप्स> .iconlist> .iconlist-content> ul'
दूसरी विधि उन वेब डेवलपर्स के लिए उपयोगी है जो सटीक DOM तत्व पथ को जानते हैं। औसत उपयोगकर्ता स्पष्ट रूप से एक विशिष्ट वेब पेज तत्व का स्क्रीनशॉट लेने के लिए पहली विधि को पसंद करेगा।