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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Sign up and earn $1000 a day ⋙

Leave a Comment

Google पत्रक में अनुस्मारक कैसे सेट करें

Google पत्रक में अनुस्मारक कैसे सेट करें

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

MacOS में कोई कैमरा उपलब्ध नहीं त्रुटि को कैसे ठीक करें

MacOS में कोई कैमरा उपलब्ध नहीं त्रुटि को कैसे ठीक करें

शुक्र है कि उपयोगकर्ता द्वारा इसके कारण कुछ किए बिना macOS में गंभीर त्रुटि प्राप्त करना दुर्लभ है। macOS को ज़्यादातर समय ऐसी तुच्छताओं को पीछे छोड़ने के लिए पॉलिश और परिष्कृत किया गया है। यह इसके बिना नहीं है

YouTube वीडियो कैसे डाउनलोड करें: YouTube वीडियो को अपने iPhone, iPad, लैपटॉप या Android डिवाइस में सेव करें

YouTube वीडियो कैसे डाउनलोड करें: YouTube वीडियो को अपने iPhone, iPad, लैपटॉप या Android डिवाइस में सेव करें

YouTube वीडियो डाउनलोड करने के कई तरीके हैं, यह इस बात पर निर्भर करता है कि आप कहां से और कहां से डाउनलोड कर रहे हैं। हालांकि, इससे पहले कि हम बताएं कि YouTube वीडियो कैसे डाउनलोड करें, हम सामग्री डाउनलोड करने के कानूनी और नैतिक मुद्दों पर चर्चा करने के लिए बाध्य महसूस करते हैं

कैसे एक एनिमेटेड GIF अपने मैक वॉलपेपर बनाने के लिए

कैसे एक एनिमेटेड GIF अपने मैक वॉलपेपर बनाने के लिए

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

क्रोम ऑफ़लाइन इंस्टॉलर का उपयोग कैसे करें

क्रोम ऑफ़लाइन इंस्टॉलर का उपयोग कैसे करें

Google Chrome कई इंटरनेट उपयोगकर्ताओं के लिए और अच्छे कारणों से एक पसंदीदा ब्राउज़र है। यह तेज़, सुरक्षित, विश्वसनीय है और इसे कई प्लेटफार्मों से व्यापक समर्थन प्राप्त है। हालांकि एक चेतावनी है। आपके पास एक सक्रिय इंटरनेट कनेक्शन होना चाहिए

स्नैपचैट में ध्वनि काम नहीं कर रही है - क्या करें

स्नैपचैट में ध्वनि काम नहीं कर रही है - क्या करें

स्नैपचैट के कई उपयोगकर्ताओं ने शिकायत की है कि ध्वनि उनके ऐप पर काम नहीं कर रही है। उदाहरण के लिए, वे स्नैप वीडियो या स्नैपचैट कहानी चला सकते हैं और कोई आवाज नहीं सुन सकते हैं। यह वास्तव में एक बहुत हो गया है

वीएस कोड से ब्राउजर में कैसे ओपन करें

वीएस कोड से ब्राउजर में कैसे ओपन करें

यदि आप HTML, PHP, या JS फ़ाइलों का उपयोग कर रहे हैं, तो हो सकता है कि आप उन्हें अपने ब्राउज़र में Visual Studio कोड से खोलना चाहें। हालाँकि, ऐसा करने के लिए कोई एकीकृत विकल्प नहीं है। यह निराशाजनक हो सकता है, खासकर यदि आप चाहें

जिंप में चयन कैसे करें

जिंप में चयन कैसे करें

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

स्नैपचैट में ग्रुप चैट कैसे बनाएं

स्नैपचैट में ग्रुप चैट कैसे बनाएं

क्या आप स्नैपचैट पर दोस्तों के समूह के बीच फोटो साझा करने का तरीका ढूंढ रहे हैं? स्नैपचैट का एक शानदार कार्य है जो इसके उपयोगकर्ताओं को कई मित्रों और परिवार को सहजता से सामग्री भेजने की सुविधा देता है। बनाकर ऐसा कर सकते हैं

कंप्यूटर पर स्नैपचैट का उपयोग कैसे करें

कंप्यूटर पर स्नैपचैट का उपयोग कैसे करें

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

विंडोज पीसी या मैक पर माउस लैगिंग को कैसे ठीक करें

विंडोज पीसी या मैक पर माउस लैगिंग को कैसे ठीक करें

लगभग हर कोई जो कंप्यूटर का उपयोग करता है वह माउस और कीबोर्ड के साथ ऐसा करता है, लेकिन कई बार ऐसा होता है जब पूर्व उपकरण खराब हो जाता है। माउस लैग तब होता है जब कर्सर धीरे-धीरे चलता है, जिसके परिणामस्वरूप प्रतिक्रिया और क्रिया में देरी होती है, और नहीं होती है

गूगल मैप्स में टोल कैसे बंद करें

गूगल मैप्स में टोल कैसे बंद करें

हम में से कुछ लोगों के लिए, जब भी हम कार से यात्रा करते हैं, टोल वाली सड़कों से बचना हमेशा अधिक वांछनीय होता है। और अगर आप सबसे तेज़ मार्ग का उपयोग करके और टोल से बचते हुए पैसा और समय बचाना चाहते हैं, तो Google मानचित्र एक बेहतरीन नेविगेशन है

कैसे एक पीसी या मोबाइल डिवाइस पर ज़ूम ऑडियो म्यूट करें

कैसे एक पीसी या मोबाइल डिवाइस पर ज़ूम ऑडियो म्यूट करें

हाल के दिनों में ज़ोम्स की लोकप्रियता में वृद्धि के साथ, वीडियो में भी वृद्धि हुई है, जो ऐप के अनम्यूट रहने पर अक्सर प्रफुल्लित करने वाले परिणाम दिखाते हैं। हालाँकि, जिन लोगों ने कुछ परिहास का अनुभव किया है, वे हो सकते हैं

एक्सेल में सर्कुलर रेफरेंस कैसे खोजें

एक्सेल में सर्कुलर रेफरेंस कैसे खोजें

परिपत्र संदर्भ काफी पेचीदा हो सकते हैं, इसलिए यह जानना महत्वपूर्ण है कि उन्हें कैसे खोजा जाए। एक्सेल में एक अंतर्निहित तंत्र है जो परिपत्र संदर्भों का पता लगा सकता है और गणनाओं को अंतहीन लूप में जाने से रोक सकता है। आप बस

विफल नेटवर्क त्रुटि को कैसे ठीक करें

विफल नेटवर्क त्रुटि को कैसे ठीक करें

डाउनलोड समस्याएँ अक्सर होती हैं और कई अलग-अलग आकार ले सकती हैं। आमतौर पर, यह त्रुटि संदेश डाउनलोड के बीच में दिखाई देता है। कभी-कभी, यह आपके द्वारा दबाए जाने के तुरंत बाद दिखाई देता है