Chrome में डिवाइस फ्रेम के साथ वेब पेज का स्क्रीनशॉट बनाएं

डेस्कटॉप ऑपरेटिंग सिस्टम पर Google क्रोम की एक कम ज्ञात विशेषता एक खुले पृष्ठ के स्क्रीनशॉट को कैप्चर करने की क्षमता है जैसे कि लिया गया स्क्रीनशॉट मोबाइल डिवाइस पर चलने वाले ब्राउज़र का था। यह स्क्रीनशॉट के चारों ओर एक फ्रेम भी जोड़ सकता है ताकि यह स्मार्टफोन की यथार्थवादी तस्वीर की तरह दिखे। यहाँ यह कैसे किया जा सकता है।

क्रोम डेवलपर टूल में एक विशेष उपकरण है जो आपको मोबाइल डिवाइस का अनुकरण करने की अनुमति देता है। डेवलपर्स के लिए यह जांचना बहुत उपयोगी है कि उनकी वेब साइट स्मार्टफ़ोन और छोटे स्क्रीन उपकरणों पर कैसे दिखती है। यह एक कस्टम स्क्रीन आकार निर्दिष्ट करने या iPhone, iPad, Nexus या Samsung के गैलेक्सी जैसे पूर्वनिर्धारित डिवाइस आकार का उपयोग करने की अनुमति देता है। डिवाइस एमुलेटर में ओपन पेज प्रदर्शित होने के बाद, उपयोगकर्ता पेज का स्क्रीनशॉट कैप्चर कर सकता है। पृष्ठ के चारों ओर डिवाइस फ़्रेम को सक्षम करना भी संभव है, इसलिए यह एक यथार्थवादी फ़ोटो की तरह दिखाई देगा।

आप इसे निम्नानुसार कर सकते हैं।

1. Chrome में वांछित पृष्ठ खोलें और F12 दबाएँ। यह डेवलपर टूल खोलेगा:
2. डेवलपर टूल मोड को स्विच करने के लिए मोबाइल डिवाइस एमुलेटर बटन पर क्लिक करें:
3. डिवाइस चयनकर्ता के तहत, कुछ डिवाइस का चयन करें। उदाहरण के लिए, मैं iPhone 6 का चयन करूंगा:
4. अब, डिवाइस चयनकर्ता के दाईं ओर 3 डॉट्स मेनू पर क्लिक करें और 'शो डिवाइस फ्रेम' विकल्प पर टिक करें:
5. Voila, अब आपके वेब पेज को एक अच्छे डिवाइस फ्रेम के अंदर प्रदर्शित किया गया है:
   
   अब, तीन डॉट्स मेनू पर फिर से क्लिक करें और 'कैप्चर स्क्रीनशॉट' चुनें:

परिणाम इस प्रकार होगा:

आप कर चुके हैं।