كيفية اكتشاف الفعالية من الأجهزة المحمولة على صفحات الويب

إعادة توجيه الأجهزة المحمولة إلى محتوى أو تصاميم الجوال

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

بعد قضاء الوقت في تعلم كيفية تصميم صفحات الويب للهواتف المحمولة وتنفيذ إستراتيجيتك ، ستحتاج أيضًا إلى التأكد من أن زوار موقعك يمكنهم رؤية هذه التصميمات. هناك العديد من الطرق التي يمكنك القيام بها وبعضها يعمل بشكل أفضل من الآخرين. فيما يلي نظرة على الطريقة التي يمكنك استخدامها لتنفيذ دعم الهاتف المحمول على مواقع الويب الخاصة بك - إلى جانب توصية قرب النهاية لمعرفة أفضل طريقة لتحقيق ذلك على الويب اليوم!

تقديم رابط لإصدار موقع آخر

هذا هو ، إلى حد بعيد ، أسهل طريقة للتعامل مع مستخدمي الهاتف الخليوي. بدلاً من القلق حول ما إذا كان بإمكانه أو لا يمكنه رؤية صفحاتك ، ما عليك سوى وضع رابط في مكان ما بالقرب من أعلى الصفحة يشير إلى إصدار منفصل من موقعك على الويب. بعد ذلك ، يمكن للقراء الاختيار ما إذا كانوا يرغبون في رؤية إصدار الجوال أو متابعة الإصدار "العادي".

فائدة هذا الحل هو أنه سهل التطبيق. يتطلب منك إنشاء إصدار محسَّن للجوال ثم إضافة رابط في مكان ما بالقرب من أعلى صفحات الموقع العادية.

العيوب هي:

• يجب عليك الاحتفاظ بنسخة منفصلة من الموقع لمستخدمي الهاتف المحمول. عندما يزداد حجم موقعك ، قد تنسى الحفاظ على هذا الإصدار الثاني وقد تتعطل مزامنة مواقعك.
• هل تنشئ أيضًا إصدارًا ثالثًا للأجهزة اللوحية؟ ماذا عن النسخة الرابعة للأجهزة القابلة للارتداء؟ يمكن لهذا المفهوم الخاص بالإصدارات الخاصة بالجهاز أن يخرج عن نطاق السيطرة بسرعة كبيرة.
• يجب أن تضع رابطًا قبيحًا في أعلى الصفحة يستطيع القراء غير المتنقلين رؤيته (وربما النقر عليه).

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

استخدم جافا سكريبت

في شكل مختلف من النهج المذكور أعلاه ، يستخدم بعض المطورين بعض البرامج النصية للكشف عن المتصفح لاكتشاف ما إذا كان العميل يستخدم جهازًا جوّالًا ثم يعيد توجيهه إلى موقع الجوال المنفصل هذا. تكمن المشكلة في اكتشاف المتصفح والأجهزة المحمولة في وجود الآلاف من أجهزة الجوّال. لمحاولة اكتشافها جميعًا باستخدام جافا سكريبت واحد ، يمكن أن تحول جميع صفحاتك إلى كابوس تنزيل - ولا تزال خاضعًا للعديد من العوائق نفسها مثل النهج المذكور أعلاه.

استخدم CSS & # 64؛ وسائط محمولة

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

الميزة الأكبر لهذه الطريقة هي أنك لا تحتاج إلى الاحتفاظ بنسختين من موقعك على الويب. أنت فقط تحتفظ بالواحد ، وتعرّف ورقة الأنماط كيف يجب أن تبدو - والتي تقترب فعليًا من الحل النهائي الذي نريده.

تكمن المشكلة في هذه الطريقة في أن العديد من الهواتف لا تدعم نوع الوسائط المحمولة - فهي تعرض صفحاتها بنوع وسائط الشاشة بدلاً من ذلك. والعديد من الهواتف المحمولة القديمة والأجهزة المحمولة لا تدعم CSS على الإطلاق. في النهاية ، لا يمكن الاعتماد على هذه الطريقة ، ولذلك نادرًا ما يتم استخدامها لتقديم إصدارات الجوال لموقع الويب.

استخدم PHP ، JSP ، ASP للكشف عن وكيل المستخدم

تعد هذه طريقة أفضل بكثير لإعادة توجيه مستخدمي الجوال إلى إصدار الجوال من الموقع ، لأنها لا تعتمد على لغة برمجة نصية أو CSS لا يستخدمها الجهاز المحمول. بدلاً من ذلك ، يستخدم لغة من جانب الخادم (PHP ، ASP ، JSP ، ColdFusion ، إلخ.) للنظر إلى وكيل المستخدم ثم تغيير طلب HTTP للإشارة إلى صفحة جوال إذا كان جهازًا متنقلاً.

سيبدو رمز PHP بسيط للقيام بذلك:

stristr ($ ua ، "Windows CE") أو
stristr ($ ua، "AvantGo") أو
stristr ($ ua، "Mazingo") أو
stristr ($ ua ، "Mobile") أو
stristr ($ ua ، "T68") أو
stristr ($ ua، "Syncalot") أو
stristr ($ ua، "Blazer")) {
$ DEVICE_TYPE = "جوال".
}
إذا كانت (isset ($ DEVICE_TYPE) و $ DEVICE_TYPE == "MOBILE") {
$ المكان = 'المحمول / index.php'؛
header ('Location:'. $ location)؛
ىخرج؛
}
؟>

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

بالإضافة إلى ذلك ، كما هو الحال مع الحلول الأخرى المذكورة أعلاه ، سيتعين عليك الحفاظ على موقع منفصل للجوّال لهؤلاء القراء! هذا العيب من الاضطرار إلى إدارة موقعين (أو أكثر!) هو سبب كاف للبحث عن حل أفضل.

استخدم WURFL

إذا كنت لا تزال مصمماً على إعادة توجيه مستخدمي الجوال إلى موقع منفصل ، فإن WURFL (ملف الموارد اللاسلكية العالمي) هو حل جيد. هذا هو ملف XML (وهو الآن ملف DB) ومكتبات DBI متعددة لا تحتوي فقط على بيانات وكيل المستخدم اللاسلكي المحدثة ولكن أيضًا الميزات والقدرات التي يدعمها وكلاء المستخدم.

لاستخدام WURFL ، يمكنك تنزيل ملف تكوين XML ثم اختيار لغتك وتنفيذ API على موقع الويب الخاص بك. هناك أدوات لاستخدام WURFL مع Java و PHP و Perl و Ruby و Python و Net و XSLT و C ++.

الفائدة من استخدام WURFL هو أن هناك الكثير من الناس يقومون بالتحديث وإضافة ملف التهيئة طوال الوقت. إذا كان الملف الذي تستخدمه قديمًا تقريبًا قبل الانتهاء من تنزيله ، فمن المحتمل أنه إذا قمت بتنزيله مرة واحدة في الشهر أو ما إلى ذلك ، فستكون لديك جميع متصفحات الجوال التي يستخدمها القراء بشكل معتاد دون أي مشاكل. الجانب السلبي ، بالطبع ، هو أنه يجب عليك تنزيل وتحديث هذا باستمرار - كل ذلك حتى تتمكن من توجيه المستخدمين إلى موقع ويب ثانٍ والعيوب التي تنشأ.

الحل الأفضل هو تصميم متجاوب

لذا إذا كان الحفاظ على مواقع مختلفة لأجهزة مختلفة ليس هو الحل ، فما هو؟ تصميم الويب سريع الاستجابة .

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

قد لا يعمل التصميم المتجاوب تمامًا على الأجهزة والمتصفحات القديمة جدًا (معظمها في حالة استخدام صغير جدًا اليوم ولا ينبغي أن يكون مصدر قلق كبير لك) ، ولكن لأنه مضاف (يضيف أنماطًا إلى المحتوى ، بدلاً من أخذ المحتوى بعيدا) سيظل هؤلاء القراء قادرين على قراءة موقع الويب الخاص بك ، فقط لن تبدو مثالية على جهازهم القديم أو المتصفح.