لماذ بعض الشركات الكبرى تستخدم نطاق فرعي لأجهزة الموبايل؟

مضت ثلاثة أشهر وأنا أقوم بتصميم موقع تجريبي لا أظنكم ستحبون رؤيته نظراً للأخطاء بداخله -_-

المهم:

أعلم أنه من الضروري أن يكون الموقع متجاوباً مع أغلب مقاسات الشاشة وكنت أستعمل بذلك خاصية الـ: @media all and في الـ css

لكنني وجدت أن شركة Facebook تستعمل نطاقاً فرعياً لأجهزة الموبايل بدلاُ من الـ: @media all and

فيسبوك العادي:

https://www.facebook.com

فيسبوك الموبايل:

https://m.facebook.com

1- ما قول الخبراء في هذا الأمر؟

2- كيف يمكن فعل نفس الأمر؟

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

Alwalid أضف ردا

فيسبوك يستخدم تصاميم مختلفة لكل موقع

فموقع الهواتف القديمة :

وموقع للهواتف بالمس :

بحيث يختلف التصميم والخصائص

فكل موقع عبارة عن تصميم وتكويد مختلف عن الاخر

ويمكن فعل ذلك بتجهيز 2 تصميم احدهم بخصائص مصغرة للهواتف والاخر الكمبيوتر متجاوب مع مقاسات وابعاد الشاشات المختلفة وربط التصميمان بقاعدة بيانات الموقع

وانشاء نطاق فرعي لكل منهم :)

اعتقد الموضوع يخص الاداء Performence اكثر من التخصيص لان يمكن تعديل القالب كما تريد بناء على UA العميل .

السبب الاخر يكون ان الموقع او البرنامج تم تصميمه قبل طفرة الهواتف النقالة ولم ياخذ بعين الاعتبار دعم الهواتف فيكون من الصعب ومكلف جدا تعديل الموقع فتقوم الشركة بعمل موقع للهواتف فقط

AhmedAlGhazali أضف ردا

@Alwalid جزاك الله خيراً على الشرح لكن كيف أربط تصميمن بقاعدة البيانات بحيث يتعرف على الهاتف ويقوم بفتح الموقع المخصص له

شكرا لك

لغتي الانكليزية ضعيفة لذا لم أفهم كثيراً

شخصيا افضل استخدام نفس النطاق سواء للموبايل او سطح المكتب , اهم سبب بالنسبة لي هو تكرار المحتوى لدى محرك بحث جوجل , فكما تعلم قوقل يفلتر المحتوى المكرر لنفس النطاق و يعرض نتيجة واحدة فقط , عندها قد يظهر نطاق الموبايل لمستخدمي سطح المكتب او العكس .

على كل حال تخصيص قالب لكن جهاز ممكن و بشكل كبير بدون الحاجة لتغيير النطاق , حتى ان Varnish يدعم التخصيص .

يتم استخدام نطاقات الفرعية لمبدأ mobile first لتحديد تفاصيل أكثر و تحركات اقل للمستخدم ، حيث لو لاحظت مثلا علي الفيس يختلف UI كليا من حيث طريقة العمل و المكتبات المستخدمة في العمل في الصفحة و ترتيب العناصر في tree الخاص بالصفحة

كذلك هذا يتيح لك العمل مستقبلا في توفير خصائص لمستخدمي الموبيل فقط و كذلك أيضا التحليلات أكثر دقة و عمل detection للأجهزة الموبيل بسلاسة أكبر حيث في الفيس بوك يتم عمل detection لأكثر من 2000 جهاز مختلف و بالتالي يكون الأفضل أستخدام نطاقات فرعية عن Responsive Design

شكراً لك على هذا الشرح ، أنا أريد فعل ذلك أيضاً ولا أدري كيف فما السبيل لذلك؟

كي أقوم ببرمجة الأمر؟