كيفية جعل موقع بسيط يتم عرضه بشكل صحيح على متصفحات الجوال المتعددة؟

Question

لدينا موقع بسيط إلى حد ما (الحد الأدنى من JS) مع html وCSS عاديين.إنها واجهة متنقلة بسيطة لتطبيقنا الرئيسي.

نحن نواجه مشكلة لأن لدينا أكثر من عمود واحد ويبدو أن العديد من المتصفحات تفرض أعمدة واحدة.

من خلال بعض البحث واجهت علامتين وصفيتين.

<meta name="MobileOptimized" content="220" />
<meta name="viewport" content="width=320" />

مع هذه لدينا عرض جيد "مقاس" لـ IE Mobile وiPhone.لم نواجه أي مشاكل مع بالم بليزر.لكن بلاك بيري مسألة أخرى.

هل يمتلك جهاز Blackberry طريقة بسيطة للتحكم في عرض المتصفح أيضًا؟أعني بكل بساطة دون إنشاء صفحة خاصة لهذا الجهاز.

Answer 1

لن أزعج نفسي بإنشاء إصدار "متوسط" لجهاز iPhone وما إلى ذلك، حيث يمكن لمستخدمي iPhone فقط إلقاء نظرة على صفحة الويب الحقيقية الخاصة بك بسهولة كافية.احصل على نسختك الكاملة ونسخة ذات عمود واحد، وستصل إلى أكبر عدد من الجمهور بأقل قدر من العمل.

للإجابة على سؤالك، لا توجد طريقة جيدة لجعل جهاز Blackberry يفعل أي شيء بخلاف عرض عمود واحد.يمكنك أن تجعلها تبدو احترافية إلى حد ما، حيث لا يزال يتم تطبيق CSS وجافا سكريبت البسيط، ولكن سيتعين عليك خسارة الكثير من عقاراتك الأفقية.

Answer 2

توصيتي هي إنشاء نسختين أو ثلاثة نسخ من الموقع:

• موقع كامل لمتصفحات سطح المكتب الحديثة (إذا كان تطبيقًا ثقيلًا جدًا)
• موقع يحتوي على الحد الأدنى من JS وCSS لمتصفحات الجوال ومتصفحات سطح المكتب الجيدة (يتبادر إلى ذهني iPhone وSkyFire)
• موقع لا يحتوي على JS، وعمود واحد، وفي الغالب مجرد نص عادي.

والسبب هو أن البرمجة لـ 3-4 متصفحات لسطح المكتب أمر صعب بما فيه الكفاية.لا تقتل نفسك بأكثر من مائة جهاز آخر لترميز وإنشاء صفحة بسيطة تعرض المعلومات فقط.

تذكر مبدأ التصميم الأساسي لتطوير الويب:المستخدمين لا يهتمون.إنهم يريدون معلومات أو وظيفة.سيبدو الأمر أفضل كثيرًا بالنسبة لك إذا كان لديك تصميم بسيط وواضح لمتصفحات الجوال السيئة (IE أو Blackberry) ثم حاول اختراق شيء يصبح في النهاية كابوسًا لقابلية الصيانة وربما يجعلك تبدو سيئًا إذا استخدم شخص ما هاتفًا محمولًا آخر المتصفح ولم تقم بكتابة الموقع الخاص بالهاتف حتى الآن.

Answer 3

يدعم BlackBerry (من نظام التشغيل 4.6 والإصدارات الأحدث) كلاً من علامة meta-viewport بالإضافة إلى علامة meta-HandheldFriendly.راجع مستند "إرشادات تصميم المحتوى" على http://na.blackberry.com/eng/support/docs/subcategories/?userType=21&category=BlackBerry+Browser للتفاصيل.