मोबाइल डिवाइस या डिज़ाइन पर मोबाइल डिवाइस को रीडायरेक्ट करें
सालों से, विशेषज्ञों का कहना है कि मोबाइल उपकरणों पर आगंतुकों की वेबसाइटों पर यातायात नाटकीय रूप से बढ़ रहा है। इस कारण से, कई कंपनियों ने स्मार्टफोन को ऑनलाइन उपस्थिति के लिए मोबाइल रणनीति को गले लगाने शुरू कर दिया है, जो फोन और अन्य मोबाइल उपकरणों के अनुकूल हैं।
एक बार जब आप मोबाइल फोन के लिए वेब पेजों को डिजाइन करने और अपनी रणनीति को कार्यान्वित करने के बारे में सीखने में समय बिताते हैं , तो आप यह भी सुनिश्चित करना चाहेंगे कि आपकी साइट के विज़िटर उन डिज़ाइन देख सकें। ऐसे कई तरीके हैं जो आप कर सकते हैं और कुछ दूसरों की तुलना में बेहतर काम करते हैं। यहां दी गई विधि पर एक नज़र डालें जिसका उपयोग आप अपनी वेबसाइटों पर मोबाइल समर्थन को लागू करने के लिए कर सकते हैं - अंत में एक सिफारिश के साथ-साथ यह प्राप्त करने के लिए सबसे अच्छी विधि क्या है आज के वेब पर!
एक और साइट संस्करण के लिए एक लिंक प्रदान करें
सेल फोन उपयोगकर्ताओं को संभालने का सबसे आसान तरीका यह है। चिंता करने के बजाय कि वे आपके पृष्ठों को देख सकते हैं या नहीं देख सकते हैं, बस पृष्ठ के शीर्ष के पास कहीं भी एक लिंक डालें जो आपकी साइट के एक अलग मोबाइल संस्करण को इंगित करता है। फिर पाठक स्व-चयन कर सकते हैं कि वे मोबाइल संस्करण देखना चाहते हैं या "सामान्य" संस्करण के साथ जारी रखना चाहते हैं।
इस समाधान का लाभ यह है कि इसे कार्यान्वित करना आसान है। इसके लिए आपको मोबाइल के लिए एक अनुकूलित संस्करण बनाने और फिर सामान्य साइट पृष्ठों के शीर्ष के पास कहीं भी एक लिंक जोड़ने की आवश्यकता है।
कमियां हैं:
- आपको मोबाइल उपयोगकर्ताओं के लिए साइट का एक अलग संस्करण बनाए रखना होगा। चूंकि आपकी साइट बड़ी हो जाती है, आप उस दूसरे संस्करण को बनाए रखना भूल सकते हैं और आपकी साइट सिंक से बाहर हो सकती है।
- क्या आप टैबलेट के लिए तीसरा संस्करण भी बनाते हैं? पहनने योग्य के लिए चौथे संस्करण के बारे में कैसे? डिवाइस-विशिष्ट संस्करणों की यह अवधारणा बहुत जल्दी नियंत्रण से बाहर हो सकती है।
- आपको उस पृष्ठ के शीर्ष पर एक बदसूरत लिंक डालना होगा जो गैर-मोबाइल पाठक देख सकते हैं (और संभवतः क्लिक करें)।
आखिरकार, यह दृष्टिकोण एक पुराना है जो आधुनिक मोबाइल रणनीति का हिस्सा होने की संभावना नहीं है। इसे कभी-कभी स्टॉप-गैप फिक्स के रूप में उपयोग किया जाता है जबकि एक बेहतर समाधान विकसित किया जा रहा है, लेकिन यह वास्तव में इस बिंदु पर एक अल्पकालिक बैंड-सहायता है।
जावास्क्रिप्ट का प्रयोग करें
उपरोक्त उल्लिखित दृष्टिकोण की भिन्नता में, कुछ डेवलपर किसी प्रकार की ब्राउज़र पहचान स्क्रिप्ट का उपयोग यह पता लगाने के लिए करते हैं कि ग्राहक मोबाइल डिवाइस पर है या नहीं और फिर उन्हें उस अलग मोबाइल साइट पर रीडायरेक्ट करें। ब्राउज़र पहचान और मोबाइल उपकरणों के साथ समस्या यह है कि वहां हजारों मोबाइल डिवाइस हैं। उन सभी को एक जावास्क्रिप्ट के साथ पहचानने का प्रयास करने के लिए आपके सभी पृष्ठों को डाउनलोड करने वाले दुःस्वप्न में बदल दिया जा सकता है - और आप अभी भी ऊपर उल्लिखित दृष्टिकोण के समान ही कई दोषों के अधीन हैं।
सीएसएस & # 64; मीडिया हैंडहेल्ड का प्रयोग करें
सीएसएस कमांड @media हैंडहेल्ड ऐसा लगता है कि यह केवल सेलहेड उपकरणों जैसे हैंडहेल्ड उपकरणों के लिए सीएसएस शैलियों को प्रदर्शित करने का एक आदर्श तरीका होगा। यह मोबाइल उपकरणों के लिए पृष्ठों को प्रदर्शित करने के लिए एक आदर्श समाधान की तरह लगता है। आप एक वेब पेज लिखते हैं और फिर दो स्टाइल शीट बनाते हैं। "स्क्रीन" मीडिया प्रकार के लिए पहला मॉनीटर और कंप्यूटर स्क्रीन के लिए आपके पृष्ठ को शैलियों देता है। "हैंडहेल्ड" के लिए दूसरा, उन मोबाइल उपकरणों जैसे छोटे उपकरणों के लिए आपका पृष्ठ शैलियों। आसान लगता है, लेकिन यह वास्तव में अभ्यास में काम नहीं करता है।
इस विधि का सबसे बड़ा लाभ यह है कि आपको अपनी वेबसाइट के दो संस्करणों को बनाए रखने की आवश्यकता नहीं है। आप केवल एक को बनाए रखते हैं, और स्टाइल शीट परिभाषित करता है कि इसे कैसे देखना चाहिए - जो वास्तव में हमारे इच्छित समाधान के करीब आ रहा है।
इस विधि के साथ एक समस्या यह है कि कई फोन हैंडहेल्ड मीडिया प्रकार का समर्थन नहीं करते हैं-वे अपने पृष्ठों को स्क्रीन मीडिया प्रकार के साथ प्रदर्शित करते हैं। और कई पुराने सेल फोन और हैंडहेल्ड बिल्कुल सीएसएस का समर्थन नहीं करते हैं। अंत में, यह विधि अविश्वसनीय है, और इसलिए शायद ही कभी वेबसाइट के मोबाइल संस्करणों को वितरित करने के लिए उपयोग किया जाता है।
उपयोगकर्ता-एजेंट का पता लगाने के लिए PHP, JSP, ASP का उपयोग करें
मोबाइल उपयोगकर्ताओं को साइट के मोबाइल संस्करण पर रीडायरेक्ट करने का यह एक बेहतर तरीका है, क्योंकि यह एक स्क्रिप्टिंग भाषा या सीएसएस पर निर्भर नहीं है जो मोबाइल डिवाइस का उपयोग नहीं करता है। इसके बजाए, यह उपयोगकर्ता-एजेंट को देखने के लिए सर्वर-साइड भाषा (PHP, एएसपी, जेएसपी, कोल्डफ्यूजन इत्यादि) का उपयोग करता है और फिर मोबाइल डिवाइस पर इंगित करने के लिए HTTP अनुरोध को बदलने के लिए HTTP अनुरोध को बदलता है।
ऐसा करने के लिए एक सरल PHP कोड इस तरह दिखेगा:
स्ट्रिस्टर ($ ua, "विंडोज सीई") या
स्ट्रिस्टर ($ ua, "अवंतगो") या
stristr ($ ua, "Mazingo") या
स्ट्रिस्टर ($ ua, "मोबाइल") या
स्ट्रिस्टर ($ ua, "टी 68") या
stristr ($ ua, "Syncalot") या
stristr ($ ua, "ब्लेज़र")) {
$ DEVICE_TYPE = "मोबाइल";
}
अगर (जारी ($ DEVICE_TYPE) और $ DEVICE_TYPE == "मोबाइल") {
$ स्थान = 'मोबाइल / index.php';
हेडर ('स्थान:' $ स्थान);
बाहर जाएं;
}
?>
यहां समस्या यह है कि मोबाइल डिवाइस द्वारा उपयोग किए जाने वाले बहुत सारे संभावित उपयोगकर्ता-एजेंट हैं। यह स्क्रिप्ट उन सभी को पकड़ और पुनर्निर्देशित करेगी लेकिन सभी किसी भी माध्यम से नहीं। और हर समय अधिक जोड़ दिया जाता है।
इसके अलावा, ऊपर दिए गए अन्य समाधानों के साथ, आपको इन पाठकों के लिए अभी भी एक अलग मोबाइल साइट बनाए रखना होगा! दो (या अधिक!) वेबसाइटों को प्रबंधित करने की यह कमी एक बेहतर समाधान खोजने के लिए पर्याप्त कारण है।
WURFL का प्रयोग करें
यदि आप अभी भी अपने मोबाइल उपयोगकर्ताओं को एक अलग साइट पर रीडायरेक्ट करने के लिए निर्धारित हैं, तो WURFL (वायरलेस यूनिवर्सल रिसोर्स फ़ाइल) एक अच्छा समाधान है। यह एक एक्सएमएल फ़ाइल (और अब एक डीबी फाइल) है और विभिन्न डीबीआई पुस्तकालयों में न केवल वायरलेस उपयोगकर्ता-एजेंट डेटा शामिल है बल्कि उन उपयोगकर्ता-एजेंटों द्वारा समर्थित सुविधाओं और क्षमताओं को भी शामिल किया गया है।
WURFL का उपयोग करने के लिए, आप एक्सएमएल कॉन्फ़िगरेशन फ़ाइल डाउनलोड करते हैं और फिर अपनी भाषा चुनते हैं और अपनी वेबसाइट पर एपीआई लागू करते हैं। जावा, पीएचपी, पर्ल, रुबी, पायथन, नेट, एक्सएसएलटी, और सी ++ के साथ WURFL का उपयोग करने के लिए टूल हैं।
WURFL का उपयोग करने का लाभ यह है कि बहुत सारे लोग हर समय कॉन्फ़िगरेशन फ़ाइल को अपडेट और जोड़ते हैं। इसलिए जब आप जिस फाइल का उपयोग कर रहे हैं, वह इसे डाउनलोड करने से पहले लगभग पुराना है, तो संभावना है कि यदि आप इसे महीने में एक बार डाउनलोड करते हैं, तो आपके पास सभी मोबाइल ब्राउजर होंगे जो आपके पाठकों का आदत बिना किसी के उपयोग करते हैं समस्या का। निस्संदेह, यह है कि आपको लगातार इसे डाउनलोड और अपडेट करना होगा - सब कुछ ताकि आप उपयोगकर्ताओं को दूसरी वेबसाइट और दोषों को उत्पन्न कर सकें।
सर्वश्रेष्ठ समाधान उत्तरदायी डिजाइन है
तो अगर विभिन्न उपकरणों के लिए विभिन्न साइटों को बनाए रखना जवाब नहीं है, तो क्या है? उत्तरदायी वेब डिजाइन ।
उत्तरदायी डिजाइन वह जगह है जहां आप विभिन्न चौड़ाई के उपकरणों के लिए शैलियों को परिभाषित करने के लिए सीएसएस मीडिया प्रश्नों का उपयोग करते हैं। उत्तरदायी डिजाइन आपको मोबाइल और गैर-मोबाइल उपयोगकर्ताओं दोनों के लिए एक वेब पेज बनाने की अनुमति देता है। फिर आपको चिंता करने की ज़रूरत नहीं है कि मोबाइल साइट पर कौन सी सामग्री प्रदर्शित की जाए या अपनी मोबाइल साइट पर नवीनतम परिवर्तनों को स्थानांतरित करना याद रखें। इसके अलावा, एक बार आपके पास सीएसएस लिखा गया है, तो आपको कुछ नया डाउनलोड करने की ज़रूरत नहीं है।
उत्तरदायी डिजाइन बेहद पुराने उपकरणों और ब्राउज़रों पर पूरी तरह से काम नहीं कर सकता है (जिनमें से अधिकतर आज बहुत कम उपयोग में हैं और आपके लिए चिंता का अधिक नहीं होना चाहिए), लेकिन क्योंकि यह सामग्री लेने के बजाय सामग्री पर शैलियों को जोड़ना (जोड़ना है) दूर) ये पाठक अभी भी आपकी वेबसाइट को पढ़ने में सक्षम होंगे, यह सिर्फ उनके पुराने डिवाइस या ब्राउज़र पर आदर्श नहीं लगेगा।