मुख्य ऐप्स पीसी पर वेबसाइट का मोबाइल संस्करण कैसे देखें

पीसी पर वेबसाइट का मोबाइल संस्करण कैसे देखें



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

पीसी पर वेबसाइट का मोबाइल संस्करण कैसे देखें

सौभाग्य से, यह एक अपेक्षाकृत सीधी प्रक्रिया है। इस लेख में, हम आपको दिखाएंगे कि विभिन्न उपकरणों और ब्राउज़रों पर किसी वेबसाइट के मोबाइल संस्करण को कैसे देखा जाए।

Mac पर Chrome में किसी वेबसाइट का मोबाइल संस्करण कैसे देखें

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

आप अपनी आवश्यकताओं के अनुसार स्क्रीन का आकार भी बदल सकते हैं और स्क्रीन की चौड़ाई और ऊंचाई को समायोजित करके देख सकते हैं कि आपकी वेबसाइट विभिन्न स्क्रीन आकारों पर कैसी दिखेगी। मैक पर ऐसा करने के लिए, इन चरणों का पालन करें:

  1. Google Chrome ब्राउज़र लॉन्च करें और उस साइट पर जाएं जिसे आप देखना चाहते हैं।
  2. DevTools को एक्सेस करने के लिए अपने कीबोर्ड पर F12 दबाएं।
  3. जब मोड चालू हो, तो टॉगल डिवाइस इम्यूलेशन आइकन पर क्लिक करें।
  4. आप उनका अनुकरण करने के लिए iOS और Android उपकरणों की सूची में से चुन सकते हैं।
  5. यह आपके द्वारा चुने गए मोबाइल फॉर्म में वेबसाइट दिखाएगा।

जब आप समाप्त कर लें, तो वेबसाइट के मोबाइल संस्करण को बंद करने के लिए डेवलपर टूल विंडो को बंद कर दें।

विंडोज पीसी पर क्रोम में वेबसाइट का मोबाइल संस्करण कैसे देखें

यदि आप क्रोम में विंडोज़ पीसी पर किसी वेबसाइट का मोबाइल संस्करण देखना चाहते हैं, तो यह काफी समान प्रक्रिया है:

  1. क्रोम ब्राउज़र खोलें।
  2. क्रोम में, उस वेबसाइट पर जाएं जिसे आप मोबाइल संस्करण में देखना चाहते हैं।
  3. वेबपेज पर राइट-क्लिक करें और मेनू से निरीक्षण करें चुनें।
  4. Developer Tools में जाने के लिए More Tools टैब पर क्लिक करें और Developer Tools चुनें या DevTools को खोलने के लिए F12 दबाएं।
  5. डेवलपर टूल्स विंडो खुल जाएगी।
  6. मोबाइल साइट व्यू मोड पर स्विच करने के लिए डिवाइस टॉगल आइकन पर क्लिक करें।
  7. वह मोबाइल डिवाइस चुनें जिसका आप अनुकरण करना चाहते हैं (वैकल्पिक)।
  8. अब आप अपनी आवश्यकताओं के अनुरूप स्क्रीन के आयामों को संशोधित कर सकते हैं।

क्रोमबुक पर क्रोम में वेबसाइट का मोबाइल संस्करण कैसे देखें

क्रोमबुक का उपयोग करके क्रोम में वेबसाइट के मोबाइल संस्करण तक पहुंचना पहले दो तरीकों के समान है।

  1. Google क्रोम वेब ब्राउज़र खोलें।
  2. वह वेबपेज खोलें जिसे आप अपने मोबाइल डिवाइस पर एक्सेस करना चाहते हैं।
  3. मेनू तक पहुंचने के लिए, लंबवत तीन बिंदुओं वाले आइकन पर क्लिक करें।
  4. सूची में अधिक टूल आइटम पर अपना माउस खींचें।
  5. डेवलपर टूल्स का चयन करें।
  6. ब्राउजर में डेवलपर टूल्स विंडो खुलेगी।
  7. डिवाइस टॉगल आइकन क्लिक करके मोबाइल साइट दृश्य मोड को टॉगल करें.

यह मोबाइल साइट के लिए यूजर इंटरफेस लाएगा। आप ड्रॉपडाउन बॉक्स से मेक और मॉडल का चयन करके पसंदीदा डिवाइस अनुभव भी चुन सकते हैं। जब भी आप डेवलपर टूल कंसोल को बंद करेंगे तो वेबपेज डेस्कटॉप साइट के रूप में रीफ्रेश हो जाएगा।

Mac पर Firefox में किसी वेबसाइट का मोबाइल संस्करण कैसे देखें

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

यहीं पर फ़ायरफ़ॉक्स ब्राउज़र की वेब विकास क्षमताएँ काम आती हैं। यदि आप जानते हैं कि फ़ायरफ़ॉक्स में वेबसाइटों के मोबाइल संस्करणों तक कैसे पहुँचना है, तो आप अपने वेब पेजों को कई प्रस्तावों में ब्राउज़ कर सकते हैं। इन चरणों का पालन करें:

  1. उस वेबसाइट का मोबाइल संस्करण खोलें जिसे आप देखना चाहते हैं।
  2. वेबपेज पर राइट-क्लिक करें और मेनू से निरीक्षण विकल्प चुनें।
  3. उत्तरदायी डिज़ाइन मोड चुनें।
  4. वेबसाइट का स्क्रीन साइज चुनें।

विंडोज पीसी पर फ़ायरफ़ॉक्स में वेबसाइट का मोबाइल संस्करण कैसे देखें

विंडोज़ पीसी में फ़ायरफ़ॉक्स का उपयोग करने वाली वेबसाइटों के मोबाइल संस्करण देखने का विकल्प भी है। ऐसा करने का तरीका यहां बताया गया है:

  1. अपने पीसी पर फ़ायरफ़ॉक्स शुरू करें।
  2. उस वेबसाइट पर जाएं जिसे आप मोबाइल संस्करण के रूप में देखना चाहते हैं।
  3. क्षैतिज तीन-बार आइकन पर क्लिक करके सेटिंग में जाएं।
  4. आपको एक ड्रॉप-डाउन मेनू दिखाई देगा जहां आपको एक वेब डेवलपर विकल्प चुनना होगा।
  5. उत्तरदायी डिज़ाइन मोड का चयन करें।
  6. अंत में, आप यह देखने के लिए स्मार्टफोन मॉडल का चयन कर सकते हैं कि आपकी साइट उस डिवाइस पर कैसी दिखाई देगी।

मैक पर सफारी में वेबसाइट का मोबाइल संस्करण कैसे देखें

हमने क्रोम और फ़ायरफ़ॉक्स का उपयोग करके डेस्कटॉप पर मोबाइल वेबसाइट देखने का तरीका कवर किया है। लेकिन मैक डिवाइस, सफारी के साथ आने वाले डिफ़ॉल्ट ब्राउज़र के बारे में क्या? सौभाग्य से, सफारी में वेबसाइट के मोबाइल संस्करण को भी देखना संभव है।

  1. सफारी ब्राउज़र लॉन्च करें।
  2. उस वेबसाइट पर जाएं जिसे आप मोबाइल संस्करण के रूप में देखना चाहते हैं।
  3. विकल्प पर क्लिक करें और फिर विकास मेनू पर क्लिक करें।
  4. ड्रॉप-डाउन मेनू से, उत्तरदायी डिज़ाइन मोड दर्ज करें चुनें।
  5. अब आप वेबसाइट का मोबाइल संस्करण देख सकते हैं।

अतिरिक्त अक्सर पूछे जाने वाले प्रश्न

क्या मैं अपने फ़ोन पर किसी वेबसाइट का डेस्कटॉप संस्करण देख सकता हूँ?

इसका जवाब है हाँ! आप मोबाइल संस्करण से डेस्कटॉप संस्करण पर स्विच करके कंप्यूटर का उपयोग किए बिना इसे देख सकते हैं। क्रोम में मोबाइल संस्करण को डेस्कटॉप संस्करण में स्थानांतरित करने के चरण इस प्रकार हैं:

1. उस वेबसाइट पर जाएं जिसे आप डेस्कटॉप व्यू में देखना चाहते हैं।

2. मेनू तक पहुंचने के लिए तीन-बिंदु वाले आइकन पर टैप करें।

3. अभी डेस्कटॉप व्यू विकल्प चुनें।

ध्यान रखें कि आपके द्वारा उपयोग किए जा रहे फ़ोन के आधार पर ये चरण भिन्न हो सकते हैं।

वर्ड डॉक्यूमेंट को jpg में कैसे बदलें

मोबाइल वेब डिजाइनिंग को आसान बनाना

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

वेबसाइट डिजाइन करते समय, डिजाइनर को हमेशा यह ध्यान रखना चाहिए कि फोन, टैबलेट और डेस्कटॉप पर साइट का फ्रंट एंड कैसा दिखाई देता है। लेख में वर्णित विधियों का उपयोग करने से डेवलपर को ऐसा करने में मदद मिल सकती है और यह भी पता चल सकता है कि वेबसाइट के कौन से घटक उन्हें ठीक करने के लिए समस्याएँ पैदा कर रहे हैं।

क्या आपने कभी अपने डेस्कटॉप पर किसी साइट का मोबाइल संस्करण देखने का प्रयास किया है? ऐसा करने के लिए आप किस ब्राउज़र का उपयोग करना पसंद करते हैं? नीचे टिप्पणी अनुभाग में हमें बताएं।

दिलचस्प लेख

संपादक की पसंद

Roku डिवाइस या Roku TV में ऐप्स कैसे जोड़ें
Roku डिवाइस या Roku TV में ऐप्स कैसे जोड़ें
Roku पिछले कुछ समय से एक लोकप्रिय स्ट्रीमिंग डिवाइस रही है। जो लोग अपने केबल प्रदाताओं के साथ कॉर्ड काटने की तलाश में हैं और एक किफायती, उपयोग में आसान ऑनलाइन टीवी अनुभव का आनंद लेते हैं, Roku बस यही प्रदान करता है। लेकिन किया
सैमसंग गैलेक्सी एक्स: फोल्डेबल फोन का संभावित नाम लीक leak
सैमसंग गैलेक्सी एक्स: फोल्डेबल फोन का संभावित नाम लीक leak
सैमसंग गैलेक्सी एक्स, सैमसंग का आगामी फोल्डेबल फोन, सैमसंग गैलेक्सी फोल्ड कहा जा सकता है। यह शाब्दिक नहीं तो कुछ भी नहीं है। यह रहस्योद्घाटन डच टेक ब्लॉग LetsGoDigital से आया है, जिसने तुर्की में पेटेंट फाइलिंग का खुलासा किया है जो बताता है कि सैमसंग ने चुना है
चिकोटी क्या है?
चिकोटी क्या है?
अमेज़ॅन ट्विच एक लोकप्रिय ऑनलाइन सेवा है जिसका उपयोग डिजिटल वीडियो प्रसारण देखने और स्ट्रीम करने के लिए किया जाता है। यहां आपको आरंभ करने, पैसा कमाने और अनुसरण करने योग्य ट्विच स्ट्रीमर ढूंढने के बारे में जानने की आवश्यकता है।
फ़ाइल एक्सप्लोरर के संदर्भ मेनू में कॉपी टू और मूव जोड़ें
फ़ाइल एक्सप्लोरर के संदर्भ मेनू में कॉपी टू और मूव जोड़ें
विंडोज 10 में, आप फाइल एक्सप्लोरर के संदर्भ मेनू में कॉपी टू और मूव टू कमांड जोड़ सकते हैं। तेजी से पहुंच के लिए उन्हें मेनू में रखना उपयोगी है।
लॉजिटेक वायरलेस माउस को एक अलग रिसीवर के साथ कैसे सिंक करें
लॉजिटेक वायरलेस माउस को एक अलग रिसीवर के साथ कैसे सिंक करें
क्या आप लॉजिटेक वायरलेस माउस को किसी अन्य रिसीवर के साथ सिंक करना चाहते हैं? ऐसा करना संभव है यदि आपका लॉजिटेक माउस कंपनी के यूनिफाइंग रिसीवर को सपोर्ट करता है।
मुडे में बैज कैसे खरीदें
मुडे में बैज कैसे खरीदें
मुडे में आगे बढ़ने के लिए काकेरा बैज खरीदना सबसे अच्छे तरीकों में से एक है। प्रत्येक बैज अद्वितीय लाभ प्रदान करता है, जैसे बोनस विशस्लॉट या आपके केकेरा बिजली उपयोग में कमी। यह सब हालात को आपके पक्ष में करने में मदद करता है,
AAF फ़ाइल क्या है?
AAF फ़ाइल क्या है?
AAF फ़ाइल एक उन्नत संलेखन प्रारूप फ़ाइल है। जानें कि .AAF फ़ाइल कैसे खोलें या उसे MP3, MP4, WAV, OMF, या किसी अन्य फ़ाइल स्वरूप में कैसे बदलें।