2008-09-20 10 views
5

हमारे पास सादे एचटीएमएल और सीएसएस के साथ एक साधारण साइट (न्यूनतम जेएस) है। यह हमारे मुख्य आवेदन के लिए एक साधारण मोबाइल इंटरफ़ेस है।एकाधिक मोबाइल ब्राउज़र पर एक साधारण साइट को सही तरीके से प्रस्तुत करने के लिए कैसे करें?

हम मुसीबत में चल रहे हैं क्योंकि हम एक से अधिक स्तंभ है और कई ब्राउज़रों एक कॉलम के लिए मजबूर करने लगते हैं।

कुछ खोजों के माध्यम से मैं 2 मेटा टैग में भाग गया।

<meta name="MobileOptimized" content="220" /> 
<meta name="viewport" content="width=320" /> 
इन के साथ

हम IE मोबाइल और iPhone के लिए एक अच्छा 'छोटा' दृष्टिकोण है। हमने हथेली के ब्लेज़र के साथ किसी भी समस्या में भाग नहीं लिया है। लेकिन ब्लैकबेरी एक और मामला है।

ब्लैकबेरी रूप में अच्छी तरह ब्राउज़र के दृश्य को नियंत्रित करने का आसान तरीका है? सरल से मेरा मतलब है कि उस डिवाइस के लिए एक विशेष पृष्ठ बनाये बिना।

उत्तर

3

मैं iPhone आदि के लिए एक "मध्यम" संस्करण बनाने परेशान नहीं हैं, iPhone उपयोगकर्ताओं सिर्फ आसानी से पर्याप्त अपने वास्तविक वेब पेज पर देख सकते हैं। अपना पूरा संस्करण और एक कॉलम संस्करण है, और आप न्यूनतम काम के साथ सबसे बड़े दर्शकों तक पहुंचेंगे।

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

+0

iPhone मुद्दे पर सहमत, आप ब्राउज़र का पता लगाने कर रहे हैं विशेष रूप से अगर - मुझे लगता है कि मुझे दिखाओ साइट जब मेरे iPhone आसानी से पूर्ण संस्करण प्रदर्शित कर सकता है की एक बधिया संस्करण MSNBC.com जैसी साइटों से annnoyed मिलता है। – ceejayoz

+0

ठीक है, लेकिन साथ ही आप ऐसी साइट नहीं चाहते हैं जो उस डिवाइस पर बड़ी मात्रा में स्मृति का उपभोग करे जो 32 एमबी कुल के रूप में कम हो। इसके अतिरिक्त: यह "न्यूनतम" संस्करण जावास्क्रिप्ट या पुराने ब्राउज़र के बिना उपयोगकर्ताओं के संस्करण के रूप में कार्य कर सकता है। – nlaq

3

मेरे सिफारिश साइट के दो या तीन संस्करण बनाने के लिए किया जाएगा: आधुनिक डेस्कटॉप ब्राउज़र के लिए

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

कारण यह है कि 3-4 डेस्कटॉप ब्राउज़र के लिए कोडिंग काफी कठिन है। कोड के लिए अपने आप को सौ से अधिक डिवाइसों पर न मारें और एक साधारण पृष्ठ बनाएं जो केवल जानकारी डालता है।

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

1

ब्लैकबेरी (ओएस 4.6 और से अधिक) दोनों मेटा व्यूपोर्ट टैग के साथ ही मेटा-HandheldFriendly टैग का समर्थन करता है। विवरण के लिए http://na.blackberry.com/eng/support/docs/subcategories/?userType=21&category=BlackBerry+Browser पर "सामग्री डिज़ाइन दिशानिर्देश" दस्तावेज़ देखें।

संबंधित मुद्दे

 संबंधित मुद्दे