لا تنتهي مهمتك عند ضمان عمل موقعك الإلكتروني بشكل رائع على Chrome وAndroid. على الرغم من أنّ وضع الجهاز يمكنه محاكاة مجموعة من الأجهزة الأخرى مثل أجهزة iPhone، ننصحك بالاطّلاع على حلول انماط التصفّح الأخرى للمحاكاة.
ملخّص
- إذا لم يكن لديك جهاز معيّن أو أردت إجراء فحص سريع على أحد العناصر، فإنّ أفضل خيار هو emulate the device (محاكاة الجهاز) مباشرةً داخل المتصفّح.
- تتيح لك محاكيات الأجهزة محاكاة موقع التطوير على مجموعة من الأجهزة من محطة العمل.
- تتيح لك المحاكيات المستندة إلى السحابة الإلكترونية إمكانية إجراء اختبارات الوحدة لموقعك الإلكتروني بشكل آلي على منصات مختلفة.
محاكيات المتصفّحات
محاكيات المتصفّحات رائعة لاختبار استجابة الموقع الإلكتروني، ولكنّها لا تحاكي الاختلافات في واجهة برمجة التطبيقات ومدى توفّر تنسيق CSS وبعض السلوكيات التي تظهر في متصفّح الأجهزة الجوّالة. اختبِر موقعك الإلكتروني على browsers التي تعمل على أجهزة حقيقية للتأكّد من أنّ كل شيء يعمل على النحو المتوقّع.
عرض التصميم السريع الاستجابة في Firefox
يتضمّن Firefox عرض تصميم سريع الاستجابة الذي يشجّعك على التوقف عن التفكير في أجهزة معيّنة واستكشاف كيفية تغيُّر تصميمك في أحجام الشاشة الشائعة أو حجمك الخاص من خلال سحب الحواف.
ميزة المحاكاة باستخدام مفتاح F12 في Edge
لمحاكاة هواتف Windows، استخدِم محاكي الويب المضمّن في Microsoft Edge.
بما أنّ متصفح Edge لا يتضمّن ميزة التوافق مع الإصدارات القديمة، استخدِم محاكي IE 11 لمحاكاة شكل صفحتك في الإصدارات القديمة من Internet Explorer.
محاكيات الأجهزة
لا تحاكي محاكيات الأجهزة وبرامج المحاكاة بيئة المتصفّح فقط، بل تحاكي الجهاز بأكمله. وهي مفيدة لاختبار العناصر التي تتطلّب دمج نظام التشغيل، مثل إدخال النماذج باستخدام ملفوظات برمجية افتراضية.
Android Emulator
متصفّح Google Chrome المتوفّر في Android Emulator
في الوقت الحالي، لا تتوفّر طريقة لتثبيت Chrome على محاكي Android. ومع ذلك، يمكنك استخدام متصفّح Android وChromium Content Shell وFirefox لأجهزة Android، وسنتناول هذه المتصفّحات لاحقًا في هذا الدليل. يستخدم Chromium Content Shell محرّك عرض Chrome نفسه، ولكنّه لا يتضمّن أيًا من الميزات الخاصة بالمتصفّح.
يأتي محاكي Android مزوّدًا بحزمة تطوير البرامج (SDK) لنظام التشغيل Android التي يجب تنزيلها من هنا. بعد ذلك، اتّبِع التعليمات لإعداد جهاز افتراضي وبدء المحاكي.
بعد تشغيل المحاكي، انقر على رمز المتصفّح وستتمكّن من اختبار موقعك الإلكتروني على المتصفّح القديم المتوفّر على Android.
Chromium Content Shell على Android
محتوى Android Emulator Shell
لتثبيت 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
على غرار Content Shell في Chromium، يمكنك الحصول على حزمة APK لتثبيت Firefox على المحاكي.
نزِّل ملف .apk الصحيح من 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
جهاز افتراضي لإصدار IE الحديث
تتيح لك الأجهزة الافتراضية Modern.IE الوصول إلى إصدارات مختلفة من Internet Explorer على جهاز الكمبيوتر من خلال VirtualBox (أو VMWare). اختَر جهازًا افتراضيًا في صفحة التنزيل هنا.
المحاكيات والبرامج المحاكية المستندة إلى السحابة الإلكترونية
إذا لم تتمكّن من استخدام المحاكيات ولم يكن بإمكانك الوصول إلى الأجهزة الفعلية، تكون المحاكيات المستندة إلى السحابة الإلكترونية هي الخيار الأفضل التالي. من المزايا الكبيرة للمحاكيات المستندة إلى السحابة الإلكترونية مقارنةً بالأجهزة الحقيقية والمحاكيات المحلية أنّه يمكنك برمجة اختبارات الوحدات لموقعك الإلكتروني على منصات مختلفة.
- إنّ BrowserStack (خدمة تجارية) هي أسهل خدمة يمكن استخدامها لإجراء الاختبار اليدوي. يمكنك اختيار نظام تشغيل، واختيار إصدار المتصفّح ونوع الجهاز، واختيار عنوان URL للتصفّح، وإنشاء machi ne افتراضية مستضافة يمكنك التفاعل معها. يمكنك أيضًا تشغيل عدة محاكيات في الشاشة نفسها، ما يتيح لك اختبار مظهر تطبيقك وأسلوب عمله على أجهزة متعددة في الوقت نفسه.
- تتيح لك خدمة SauceLabs (التجارية) إجراء اختبارات الوحدة داخل محاكي، ما يمكن أن يكون مفعّلاً حقًا لكتابة نصوص لمسار عبر موقعك الإلكتروني ومشاهدة تسجيل الفيديو الخاص به بعد ذلك على أجهزة مختلفة. يمكنك أيضًا إجراء اختبار يدوي لموقعك الإلكتروني.
- لا يستخدم تطبيق Device Anywhere (الإصدار التجاري) المحاكيات، بل يستخدم الأجهزة الحقيقية التي يمكنك التحكّم فيها عن بُعد. يكون ذلك مفيدًا جدًا في حال كنت بحاجة إلى إعادة إنتاج مشكلة على جهاز معيّن ولا يمكنك رؤية الخطأ في أي من الخيارات الواردة في الأدلة السابقة.
- ستساعدك خدمة LambdaTest (الإصدار التجاري) على إجراء اختبار يدوي على جميع المتصفحات على مجموعة من أكثر من 2,000 متصفح ونظام تشغيل. سيتمكّن المستخدمون من تسجيل فيديو للمشاكل المعقدة ومشاركته من خلال عمليات الدمج، مثل MS Teams وSlack والمزيد. يمكن للمستخدمين تسريع عملية الاختبار من خلال إجراء الاختبارات بشكل موازٍ.