 |
| هل موقعك متوافق مع شاشة للجوال؟ 10 أدوات ممتازة لاختبار موقعك على الأجهزة المحمولة ( للمطورين والمصممين والمسوقين واصحاب المواقع والمدونات ) |
مع المبيعات المتزايدة باستمرار للهواتف الذكية وسوق الأجهزة اللوحية المزدهر الذي بدأ في الارتفاع بسرعة ، إلى جانب وصول أكبر بكثير إلى شبكات بيانات الهاتف المحمول الأكثر قوة ، يتم الآن الوصول إلى الإنترنت من قبل مستخدمينا بعدة طرق جديدة.
يعني النطاق الضخم من الأجهزة المحمولة المستخدمة لتصفح الويب الآن أنه يجب عليك حقًا التفكير في جعل موقعك متوافقًا مع الجوّال عند تصميم موقع الويب المتجاوب .
ولكن كيف تذهب حيال ذلك ؟ قد يكون اختبار موقعك على أجهزة الجوال مستهلكًا للوقت ومكلفًا نظرًا للعدد الهائل من أجهزة الجوال المختلفة.
لا تخف ، لأن هناك بعض الأدوات المفيدة المتاحة تحت تصرفك للتأكد من عرض موقعك على الويب بشكل مناسب على الويب المحمول. تشارك هذه المقالة وتناقش 10 من هذه الأدوات.
1. iPhoney
 |
iPhoney لاختبار موقعك على الأجهزة المحمولة
يعد iPhoney اختبارًا ممتازًا مجانيًا لأجهزة iPhone ، وهو ليس بالضبط محاكيًا ، ولكنه يسمح للمطورين بإنشاء مواقع ويب بحجم 320 × 480 بكسل للاستخدام على iPhone. يتيح لك اختبار الصور والتعليمات البرمجية في بيئة تعمل بنظام Apple-Safari مثالية للبيكسل ، مع جميع الميزات العادية بما في ذلك الوضع الرأسي والأفقي ، وضع ملء الشاشة ، والتكبير / التصغير والمكونات الإضافية.
2. W3C مدقق mobileOK
 | ||
| mobileOK لاختبار موقعك على الأجهزة المحمولة |
هذا المدقق هو أداة التحقق الآلي المستندة إلى الويب التي تتحقق لمعرفة مدى ملاءمة موقعك على الويب للجهاز المحمول. يتم فحص الاختبارات وفقًا لمواصفات W3C mobileOK Basic Tests التي طورتها W3C.
3. باد نظرة خاطفة
 |
| ادوات لاختبار موقعك على الأجهزة المحمولة |
تتيح لك هذه الأداة المفيدة المستندة إلى الويب معرفة كيف تبدو مواقع الويب الخاصة بك عند عرضها على iPad. يوصى باستخدام متصفح يستند إلى WebKit مثل Apple Safari أو Google Chrome للحصول على محاكاة دقيقة قدر الإمكان - أو على الأقل ، متصفح يدعم CSS3 يدعم
transformationالخصائص (مثل Opera) لأنه يستخدمها لتقديم الصفحة في الوضع الرأسي.4. تعديل إضافة الرؤوس لمتصفح فايرفوكس
 | |
| ادوات لاختبار موقعك على الأجهزة المحمولة |
هناك إضافات لـ Firefox يمكنها معالجة البيانات المرسلة إلى الخوادم لجعل الأمر يبدو كما لو أن وكيل المستخدم يتصفح على جهاز محمول ، حتى عندما لا يكون كذلك. للقيام بذلك ، تحتاج إلى وظيفة إضافية تسمى تعديل العناوين (لمتصفح فايرفوكس).
بمجرد تنزيل هذه الوظيفة الإضافية وتثبيتها ، يجب أن تظهر الخيارات الجديدة ، الأدوات> وكيل المستخدم الافتراضي والأدوات> تعديل الرؤوس في المستعرض الخاص بك.
لمحاكاة التصفح على جهاز محمول ، تحتاج إلى العثور على قيمة ملف تعريف وكيل المستخدم (UAProf) لجهازك المحمول ، والتي يمكن العثور عليها من خلال البحث السريع على Google عن "وكيل المستخدم" متبوعًا بطراز هاتفك (على سبيل المثال ، انظر نتائج Google لـ " user agent ipad "). .
بمجرد تحديد قيمة ملف تعريف UA للهاتف الذي تريده ، أدخله في مربع الحوار تعديل الرأس ، وبنغو ، سترى كيف يشبه التصفح من هذا الجهاز.
بالنسبة إلى Google Chrome ، يمكنك تجربة إضافة User-Agent Switcher.
للحصول على تطبيق سطح مكتب مستقل عن المتصفح يعمل فعليًا على أي تطبيق يدعم الإنترنت ، جرّب Fiddler Web Debugger الذي يتيح لك تعديل طلبات HTTP ، من بين أشياء أخرى.
5. Adobe Device Central CS5
 | |
| ادوات لاختبار موقعك على الأجهزة المحمولة |
كجزء من أحدث إصدار من Adobe Creative Suite ، يحاكي Device Central تشغيل الأجهزة المحمولة على سطح المكتب ، مما يسمح لك باختبار HTML و Flash من سطح مكتبك.
لفتح صفحة أو موقع ، حدد ملفات تعريف الأجهزة> استعراض الأجهزة ، ثم انقر بزر الماوس الأيمن واختر إضافة إلى اختبار الأجهزة . الآن بعد أن أضفت جهازًا ، انتقل ببساطة إلى ملف> فتح (للاختبار المحلي) أو ملف> فتح عنوان URL (للاختبار عن بُعد).
على الرغم من كونك بعيدًا عن كونك مجانيًا ، إذا كنت مصممًا أو مطورًا محترفًا ، فستكون لديك فرصة كبيرة للوصول إلى مجموعة تطبيقات Adobe الإبداعية.
6. جوجل موبيلايزر
 | |
| ادوات لاختبار موقعك على الأجهزة المحمولة |
Google Mobilizer عبارة عن أداة ويب بسيطة تتيح لك إدخال عنوان صفحة ويب ، ثم تجعل الصفحة متوافقة مع الجوّال عبر الويب من خلال قطع المحتوى وصولًا إلى أساسياته الأساسية. هذه أداة ممتازة لمعرفة أين يمكنك إجراء تحسينات الأداء على موقعك.
7. غوميز
 | |
| ادوات لاختبار موقعك على الأجهزة المحمولة |
يمنحك اختبار جاهزية Gomez للجوال درجة تتراوح بين 1 و 5 استنادًا إلى تحليل لأكثر من 30 تقنية تطوير ويب للجوّال مثبتة ، تتراوح من استخدام ورقة الأنماط (مثل استعلامات الوسائط) إلى تقنيات التخزين المؤقت والرمز المتوافق مع المعايير. يتم عرض النتائج في مستند سهل الفهم يقدم نصائح حول كيفية تحسين موقعك.
لسوء الحظ ، لكي تتمكن من اختبار موقعك ، يجب عليك إدخال مجموعة من المعلومات بما في ذلك عنوان بريدك الإلكتروني والبلد والرمز البريدي ورقم الهاتف.
8. MobiReady
 | |
| ادوات لاختبار موقعك على الأجهزة المحمولة |
على نفس المنوال مثل Gomez ، يعد MobiReady موقعًا آخر للاختبار عبر الإنترنت يسمح لك بإدخال عنوان URL حتى يتمكن من إجراء مجموعة من التقييمات ، بما في ذلك اختبار الصفحة واختبار الترميز واختبار الموقع لصفحة الويب. هذه نسخة أكثر تفصيلاً قليلاً من Gomez أعلاه وتوفر صفحة نتائج اختبار شاملة بما في ذلك امتثال dotMobi واختبارات W3C mobileOk ومحاكيات الجهاز وتقارير الأخطاء التفصيلية واختبارات HTTP ومدقق الكود.
ومع ذلك ، فإن النتائج ليست مقتضبة مثل نتائج غوميز ، وهو عيب عندما يتعلق الأمر بتقديم معلوماتك إلى العملاء / أرباب العمل الأقل ذكاءً من الناحية الفنية.
9. محاكي DotMobi
يمنحك محاكي dotMobi معاينة مباشرة لموقعك من مجموعة (صغيرة إلى حد ما ، لنكون صادقين) من الهواتف المحمولة المختلفة. تعد أداة اختبار الجوال هذه رائعة إذا كنت بحاجة إلى اختبار صفحتك على أجهزة الجوال القديمة.
ما يمكن أن يكون مزعجًا للمستخدمين المحتملين لهذه الأداة هو أنها تتطلب المكون الإضافي لمتصفح Java لكي تعمل.
10. محاكي Opera Mini
 | |
| ادوات لاختبار موقعك على الأجهزة المحمولة |
مع بيع أكثر من 120 مليون هاتف ذكي مثبت عليه Opera مثبت مسبقًا [ 1 ] وإصدار متوفر لأي نظام تشغيل تقريبًا ، فإن التأكد من أن موقعك يعمل على Opera Mini (الإصدار المحمول من متصفح الويب Opera) يعد ممارسة جيدة لتضمينها في سير عمل الاختبار الخاص بك.
لحسن الحظ ، أجبرتنا Opera على تقديم محاكي مجاني قائم على الويب لاختبار وتقييم تصميم الويب الخاص بك على جهاز محمول يستخدم Opera Mini.
تتطلب هذه الأداة المكون الإضافي لمتصفح جافا لتعمل.
نظرًا لأن العديد من الصناعات لديها الآن معظم حركة المرور القادمة من أجهزة الجوال بدلاً من سطح المكتب ، يجب أن يكون لديك موقع متوافق مع الجوّال. فكر في حرم جامعي على سبيل المثال. الغالبية العظمى ، إن لم يكن جميع الطلاب لديهم هاتف خلوي وسوف يزورون موقع الحرم الجامعي على هذا الهاتف ربما في كثير من الأحيان. هذا هو المفتاح الذي يجب مراعاته عند تصميم موقع الكلية . إذا لم يكن مناسبًا للجوّال ، فسوف يترك تجربة مستخدم سيئة.
