Google Chrome का उपयोग करके विशिष्ट आयामों के साथ एक वेबसाइट स्क्रीनशॉट कैसे लें

Google Chrome के साथ स्क्रीनशॉट कैसे लें

यदि आप एक ऐसी एजेंसी या कंपनी हैं जिसके पास साइटों या पृष्ठों का एक पोर्टफोलियो है जिसे आप ऑनलाइन साझा करना चाहते हैं, तो आप शायद वर्दी पर कब्जा करने की कोशिश कर रहे हैं। स्क्रीनशॉट साइटों में से प्रत्येक।

उन ग्राहकों में से एक, जिनके साथ हम बिल्ड होस्टेड के साथ काम कर रहे हैं इंट्रानेट समाधान जिसे किसी कंपनी के दायरे में आंतरिक रूप से होस्ट किया जा सकता है। इंट्रानेट कंपनियों के लिए कंपनी की खबरें संवाद करने, मार्केटिंग की जानकारी वितरित करने, लाभ की जानकारी प्रदान करने आदि के लिए अविश्वसनीय रूप से सहायक हैं।

हमने OnSemble को उनके इंट्रानेट समाधान को उनकी मूल कंपनी की वेबसाइट से माइग्रेट करने में मदद की। यह एक व्यापक परियोजना थी जिसमें नए सामाजिक प्रोफाइल बनाने, मार्केटो को अपडेट करने, और फिर कुछ कस्टम विकास को अलग करने से सब कुछ शामिल किया गया था जो उन्होंने अपनी साइटों को संयोजित करने के लिए अतीत में किया था।

Google Chrome के साथ क्लाइंट स्क्रीनशॉट

आपको इसका एहसास नहीं हो सकता है, लेकिन आप Google क्रोम के मजबूत डेवलपर टूल के अंतर्निहित सेट के साथ सही स्क्रीनशॉट कैप्चर कर सकते हैं। दिलचस्प बात यह है कि आश्चर्यजनक लचीलेपन के बावजूद यह बहुत प्रसिद्ध विशेषता नहीं है।

Google क्रोम का उपयोग करके किसी वेब पेज का एक संपूर्ण, विशेष रूप से आकार, स्क्रीनशॉट लेने के तरीके पर एक त्वरित वीडियो ट्यूटोरियल यहां दिया गया है:

Google क्रोम के साथ एक स्क्रीनशॉट लेने के लिए कदम

Google Chrome के डेवलपर टूल में किसी साइट के डिवाइस टूलबार का उपयोग करके उसका पूर्वावलोकन करने का विकल्प होता है। यह टूल इसलिए बनाया गया था ताकि डेवलपर देख सकें कि साइट अलग-अलग डिवाइस में अलग-अलग व्यूपोर्ट आकारों में कैसी दिखती है... लेकिन यह वेब पेज का पूरी तरह से आकार का स्क्रीनशॉट प्राप्त करने का एक सही तरीका भी होता है।

इस मामले में, हम चाहते हैं कि उद्योगों में ऑनसेम्बल के प्रत्येक प्रमुख ग्राहक ने एक स्क्रीनशॉट लेने के लिए सुंदर इंट्रानेट साइटों का निर्माण किया है ताकि हम उन सभी को उनकी वेबसाइट पर एक पोर्टफोलियो के भीतर प्रदर्शित कर सकें। हम चाहते हैं कि पेज 1200px चौड़े और 800px लंबे हों। यह प्राप्त करने के:

  1. दूर दाएं नेविगेशन बटन (3 वर्टिकल डॉट्स) में, को चुनें अनुकूलित और नियंत्रण मेनू.

Google Chrome के साथ डेवलपर टूल मेनू

  1. चुनते हैं अधिक उपकरण> डेवलपर उपकरण

Google Chrome के साथ डेवलपर टूल

  1. टॉगल करें उपकरण टूलबार उपकरण विकल्पों और आयामों को ऊपर लाने के लिए।

Google Chrome के साथ डिवाइस टूलबार टॉगल करें

  1. के लिए पहला विकल्प सेट करें उत्तरदायी, फिर 1200 x 800 और हिट दर्ज करने के लिए आयाम सेट करें। अब पृष्ठ उन आयामों के साथ प्रदर्शित होगा।

उत्तरदायी उपकरण टूलबार Google Chrome

  1. डिवाइस टूलबार के दाईं ओर, नेविगेशन बटन (3 ऊर्ध्वाधर डॉट्स) पर क्लिक करें और चुनें स्क्रीनशॉट कैप्चर करें.

Google Chrome के साथ स्क्रीनशॉट कैप्चर करें

  1. Google Chrome एक संपूर्ण स्क्रीनशॉट लेगा और इसे आपके पास छोड़ देगा डाउनलोड फ़ोल्डर जहाँ आप संलग्न कर सकते हैं और इसे एक ईमेल में भेज सकते हैं। सुनिश्चित करें कि पूर्ण आकार के स्क्रीनशॉट का चयन न करें क्योंकि यह पृष्ठ की पूरी लंबाई लेगा और आपकी ऊंचाई सीमा को अनदेखा करेगा।

स्क्रीनशॉट के लिए Google क्रोम कीबोर्ड शॉर्टकट

यदि आप एक कीबोर्ड शॉर्टकट मास्टर हैं, तो आप इन शॉर्टकट के साथ केवल एक पूर्ण-पृष्ठ स्क्रीनशॉट भी ले सकते हैं। मुझे यह दृष्टिकोण पसंद नहीं है क्योंकि मैं व्यूपोर्ट की अधिकतम ऊंचाई निर्धारित नहीं कर सकता ... लेकिन यह तब काम आता है जब आपको कभी पूरे पृष्ठ के स्क्रीनशॉट की आवश्यकता हो।

एक मैक पर कीबोर्ड शॉर्टकट:

1. Alt + Command + I 
2. Command + Shift + P

विंडोज या लिनक्स में कीबोर्ड शॉर्टकट:

1. Ctrl + Shift + I 
2. Ctrl + Shift + P

तुम्हें क्या लगता है?

यह साइट स्पैम को कम करने के लिए अकिस्मेट का उपयोग करती है। जानें कि आपका डेटा कैसे संसाधित किया जाता है.