अपने डेस्कटॉप ब्राउज़र पर अपनी वेबसाइट मोबाइल थीम कैसे देखें

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

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

फ़ायरफ़ॉक्स में मोबाइल थीम देखना

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

एक्सटेंशन इंस्टॉल करने और अपने फ़ायरफ़ॉक्स को पुनरारंभ करने के बाद, " टूल्स -> डिफ़ॉल्ट उपयोगकर्ता एजेंट -> आईफोन " पर जाएं।

अब, अपनी साइट पर रीफ्रेश करें और आपको कार्रवाई में मोबाइल थीम देखना चाहिए।

सूची में एंड्रॉइड एजेंट जोड़ने के लिए, " टूल्स -> डिफ़ॉल्ट उपयोगकर्ता एजेंट -> उपयोगकर्ता एजेंट संपादित करें " पर जाएं।

"नया -> नया उपयोगकर्ता एजेंट" बटन क्लिक करें और निम्न दर्ज करें:

विवरण : एंड्रॉइड
उपयोगकर्ता एजेंट : मोज़िला / 5.0 (लिनक्स; यू; एंड्रॉइड 2.2; एन-जीबी; नेक्सस वन बिल्ड / एफआरएफ 50)
ऐप्पलवेबकिट / 533.1 (केएचटीएम, जैसे गेको) संस्करण / 4.0 मोबाइल सफारी / 533.1

शेष प्रविष्टियां आप उन्हें डिफ़ॉल्ट मान पर रख सकते हैं।

(आईपैड के लिए, उपयोगकर्ता एजेंट मोज़िला / 5.0 (आईपैड; यू; सीपीयू ओएस 3_2 जैसे मैक ओएस एक्स; एन-यूएस) ऐप्पलवेबकिट / 531.21.10 (केएचटीएम, जैसे गेको) संस्करण / 4.0.4 मोबाइल / 7 बी 334 बी सफारी / 531.21 10 )

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

स्थापना के बाद, आप ब्राउज़र के दाएं कोने में आकार बदलने का विकल्प पा सकते हैं। उस पर राइट क्लिक करें और अनुकूलित करें का चयन करें।

आप सूची में नया स्क्रीन आकार जोड़ सकते हैं। आपके सन्दर्भ के लिए:

आईफोन 4 में 960 x 640 का एक स्क्रीन रेज़ोल्यूशन है (डब्ल्यू द्वारा एच, तो आपको 640 x 960 दर्ज करना चाहिए)
आईफोन 3 जीएस और नीचे 480 x 320 (डब्ल्यू द्वारा एच) का एक स्क्रीन रेज़ोल्यूशन है, इसलिए आपको 320 x 480 दर्ज करना चाहिए)
नेक्सस वन (एंड्रॉइड) में 800 x 480 (एच द्वारा डब्ल्यू ) का एक स्क्रीन रेज़ोल्यूशन है, इसलिए आपको 480 x 800 दर्ज करना चाहिए)

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

नोट : उपरोक्त एडॉन्स केवल फ़ायरफ़ॉक्स 3.6 * * और नीचे काम करते हैं। वे फ़ायरफ़ॉक्स 4 बीटा के साथ संगत नहीं हैं।

उपरोक्त चाल को ओपेरा और सफारी जैसे अन्य ब्राउज़रों पर दोहराया जा सकता है। Google क्रोम आपको उपयोगकर्ता एजेंट को बदलने की अनुमति नहीं देता है (हालांकि आप इस हैक को देख सकते हैं), इसलिए आप उपरोक्त चाल का उपयोग करने में सक्षम नहीं होंगे।

आप अपने मोबाइल विषय का परीक्षण कैसे करते हैं?