لا تنتهي مهمتك بالتأكّد من أنّ موقعك الإلكتروني يعمل بشكل رائع على متصفّح Chrome وAndroid. بالرغم من أن وضع الجهاز يمكن أن يحاكي مجموعة من الأجهزة الأخرى مثل أجهزة iPhone، إلا أننا نشجعك على الاطلاع على حلول المتصفحات الأخرى للمحاكاة.
ملخّص
- إذا لم يكن لديك جهاز معين، أو إذا كنت تريد إجراء فحص موضعي لشيء ما، فإن الخيار الأفضل هو محاكاة الجهاز داخل متصفحك مباشرةً.
- تتيح لك أدوات المحاكاة والمحاكيات للأجهزة محاكاة موقعك الإلكتروني للتطوير على مجموعة من الأجهزة من محطة العمل.
- تتيح لك المحاكيات المستندة إلى السحابة الإلكترونية إمكانية إجراء اختبارات على الوحدات لموقعك الإلكتروني على مختلف الأنظمة الأساسية.
محاكيات المتصفِّحات
تعتبر محاكيات المتصفِّح رائعة لاختبار سرعة استجابة الموقع الإلكتروني، ولكنها لا تحاكي الاختلافات بين واجهة برمجة التطبيقات وإتاحة CSS وسلوكيات معيّنة ستراها على متصفّح متوافق مع الأجهزة الجوّالة. اختبِر موقعك الإلكتروني على المتصفّحات التي تعمل على أجهزة حقيقية للتأكّد من أنّ كل شيء يعمل على النحو المتوقّع.
عرض التصميم سريع الاستجابة في فايرفوكس
يتضمّن Firefox طريقة عرض تصميم سريعة الاستجابة تشجعك على التوقف عن التفكير في أجهزة معيّنة والتعرّف بدلاً من ذلك على كيفية تغيّر تصميمك بأحجام الشاشات الشائعة أو الحجم الخاص بك عن طريق سحب الحواف.
محاكاة F12 في Edge
لمحاكاة هواتف Windows Phone، استخدم المحاكاة المضمنة في Microsoft Edge.
نظرًا لأن متصفّح Edge لا يتوافق مع نظام التشغيل القديم، يمكنك استخدام محاكاة IE 11 لمحاكاة كيفية ظهور صفحتك في الإصدارات القديمة من Internet Explorer.
أدوات محاكاة وأجهزة محاكاة الأجهزة
لا يقتصر عمل محاكيات الأجهزة وبرامج المحاكاة على محاكاة بيئة المتصفّح فحسب، بل محاكاة الجهاز بالكامل. وهي مفيدة لاختبار الأشياء التي تتطلب دمج نظام التشغيل، على سبيل المثال إدخال النماذج باستخدام لوحات المفاتيح الافتراضية.
Android Emulator
متصفح Stock في محاكي Android
في الوقت الحالي، ليست هناك طريقة لتثبيت Chrome على محاكي Android. ولكن، يمكنك استخدام متصفح Android وChromium Content Shell وFirefox لنظام التشغيل Android والتي سنتناولها لاحقًا في هذا الدليل. يستخدم Chromium Content Shell محرك عرض Chrome نفسه، ولكنه يأتي بدون أي من الميزات الخاصة بالمتصفّح.
يأتي محاكي Android مزوّدًا بحزمة تطوير البرامج (SDK) لنظام التشغيل Android التي تحتاج إلى تنزيلها من هنا. بعد ذلك، اتّبِع التعليمات لإعداد جهاز افتراضي وتشغيل المحاكي.
عند تشغيل المحاكي، انقر على رمز المتصفح وستتمكن من اختبار موقعك على متصفح Stock القديم لنظام التشغيل Android.
Chromium Content Shell على Android
غطاء محتوى محاكي Android
لتثبيت Chromium Content Shell لنظام Android، اترك المحاكي قيد التشغيل وشغِّل الأوامر التالية في موجّه الأوامر:
git clone https://github.com/PaulKinlan/chromium-android-installer.git
chmod u+x ./chromium-android-installer/\*.sh
./chromium-android-installer/install-chromeandroid.sh
يمكنك الآن اختبار موقعك الإلكتروني باستخدام Chromium Content Shell.
Firefox على جهاز Android
رمز Firefox على محاكي Android
يمكنك الحصول على ملف APK لتثبيت Firefox على المحاكي كما هو الحال في Chromium's Content Shell.
نزِّل ملف .AP المناسب من https://ftp.mozilla.org/pub/mozilla.org/mobile/releases/latest/.
ومن هنا، يمكنك تثبيت الملف على محاكي مفتوح أو على جهاز Android متصل باستخدام الأمر التالي:
adb install <path to APK>/fennec-XX.X.XX.android-arm.apk
مُحاكي iOS
يأتي محاكي iOS لنظام التشغيل Mac OS X مزوَّدًا بأداة Xcode، التي يمكنك تثبيتها من App Store.
وعند الانتهاء من ذلك، يمكنك الاطّلاع على مستندات Apple لمعرفة كيفية العمل مع المحاكي.
Modern.IE
جهاز افتراضي (VM) عصري
تتيح لك الأجهزة الافتراضية Modern.IE الوصول إلى إصدارات مختلفة من IE على جهاز الكمبيوتر عبر بروتوكول VirtualBox (أو VMWare). اختَر جهازًا افتراضيًا على صفحة التنزيل من هنا.
أدوات محاكاة ومحاكاة مستندة إلى السحابة الإلكترونية
إذا لم تتمكن من استخدام المحاكيات ولم تكن لديك إمكانية الوصول إلى أجهزة حقيقية، فإن المحاكيات المستندة إلى السحابة الإلكترونية هي الوسيلة التالية الأفضل. من المزايا الكبيرة للمحاكيات المستندة إلى السحابة الإلكترونية على الأجهزة الحقيقية وأجهزة المحاكاة المحلية إمكانية أتمتة اختبارات الوحدات لموقعك الإلكتروني على منصات مختلفة.
- BrowserStack (تجاري) هي أسهل طريقة من حيث الاستخدام للاختبار اليدوي. يمكنك اختيار نظام تشغيل واختيار إصدار المتصفح ونوع الجهاز واختيار عنوان URL لتصفحه، ومن ثم يبدأ تشغيل جهاز افتراضي مستضاف يمكنك التفاعل معه. يمكنك أيضًا تنشيط العديد من أدوات المحاكاة في الشاشة نفسها، مما يسمح لك باختبار الشكل والأسلوب الذي يظهر به تطبيقك على أجهزة متعددة في الوقت نفسه.
- تسمح لك قناة SauceLabs (التجارية) بإجراء اختبارات الوحدات داخل المحاكي، والتي يمكن ويمكنك أيضًا إجراء اختبار يدوي على موقعك الإلكتروني.
- لا يستخدم تطبيق Device Anywhere (التجاري) أدوات المحاكاة، بل أجهزة حقيقية يمكنك التحكّم فيها عن بُعد. وتكمن أهمية ذلك في حال الحاجة إلى إعادة إظهار المشكلة على جهاز معيّن وتعذُّر ظهور الخطأ في أي من الخيارات الواردة في الأدلة السابقة.
- سيساعدك LambdaTest (تجاري) على إجراء اختبار يدوي عبر المتصفحات على مجموعة تضم أكثر من 2000 متصفِّح ونظام تشغيل. سيتمكّن المستخدمون من تسجيل فيديوهات للأخطاء المعقّدة ومشاركتها من خلال عمليات دمج مثل MS Teams وSlack وغير ذلك. يمكن للمستخدمين تسريع الاختبار عن طريق إجراء الاختبارات بالتوازي.