ब्राउज़र के उपयोगकर्ता-एजेंट को जांचना आम तौर पर अधिक सुरक्षित है, तब आप जानते होंगे कि वे एंड्रॉइड, आईफ़ोन, आईपैड, आईपॉड, नोकिया, ... पर हैं, और आपको सीधे अधिक लचीलापन दिया जाता है वहां से उपयोगकर्ता। मैं निम्नलिखित जावास्क्रिप्ट (शायद किसी अन्य स्रोत से उधार लिया गया) का उपयोग करता हूं:
var isMobile = function() {
console.log("Navigator: " + navigator.userAgent);
return /(iphone|ipod|ipad|android|blackberry|windows ce|palm|symbian)/i.test(navigator.userAgent);
};
स्क्रीन चौड़ाई एक उपलब्ध तकनीक है। मैं आमतौर पर इसे सीएसएस मीडिया क्वेरीज़ के साथ उपयोग करता हूं, "डिवाइस-चौड़ाई" और "डिवाइस-ऊंचाई" के आधार पर सामग्री को बदलता है। जैसे
@media only screen and (max-device-width: 480px) {
/* For small devices, just CSS */
}
स्क्रीन चौड़ाई/ऊंचाई की तकनीक के साथ जाने के लिए, इस Mozilla docs से है:
// crude way to check that the screen is at 1024x768
if (window.screen.width < 1000) {
// resolution is below 10 x 7
window.location = 'm.mysite.com'; //for example
}
यहाँ बारे में गहराई से list of mobile screen resolutions।
कुछ चेतावनियां: एक उपयोगकर्ता www.yoursite.com/events/15 को जाता है
- हैं, तो आप उपयोगकर्ता को सीधे वापस m.yoursite.com जा रहे हैं। मोबाइल डिवाइस पर किसी लिंक पर जाने का प्रयास करते समय यह बहुत निराशाजनक हो सकता है। आपको जावास्क्रिप्ट लाइब्रेरी द्वारा उचित URL को पुनर्निर्माण करने का प्रयास करना चाहिए (Crossroads.js देखें) या रीडायरेक्ट का उपयोग कर सर्वर पर।
चूंकि मोबाइल डिवाइस प्रतिपादन और बातचीत में बेहतर होते हैं, इसलिए ध्यान रखें कि उपयोगकर्ता मोबाइल साइट, पूर्ण स्टॉप के बजाय मूल साइट को देखना पसंद कर सकते हैं। मुख्य साइट पर एक विधि वापस प्रदान करने का प्रयास करें।
आशा है कि यह सब आपके समाधान को सुलझाने में आपकी सहायता करेगा!
नहीं काम करता है। आईफोन 4 स्क्रीन रेज़ोल्यूशन 960x640 है। – gilly3
ऐप्पल विंडोज के माध्यम से उन्हें देखकर सेब चुन सकता है। – Shaz
बस पूरी साइट पर मोबाइल साइट पर एक लिंक डालें और इसके विपरीत - उपयोगकर्ताओं को यह तय करने दें कि वे किसका उपयोग करना चाहते हैं। – RobG