אחרי שתבדקו שהאתר פועל בצורה תקינה ב-Chrome וב-Android, תצטרכו לבצע עוד כמה פעולות. למרות שאפשר לדמות במצב המכשיר מגוון מכשירים אחרים כמו מכשירי iPhone, מומלץ לבדוק פתרונות נוספים לדפדפנים להדמיה.
סיכום
- אם אין לכם מכשיר מסוים או שאתם רוצים לבצע בדיקה ספציפית, האפשרות הטובה ביותר היא לדמות את המכשיר ישירות בדפדפן.
- באמצעות מכונות וירטואליות ומסימולטורים של מכשירים תוכלו לחקות את אתר הפיתוח במגוון מכשירים ממחשב העבודה.
- אמוללטורים מבוססי-ענן מאפשרים לבצע אוטומציה של בדיקות יחידה לאתר בפלטפורמות שונות.
אמולטורים של דפדפנים
אמולציות של דפדפנים הן דרך מצוינת לבדוק את תגובת האתר, אבל הן לא מדמות הבדלים בתמיכה ב-API, ב-CSS ובהתנהגויות מסוימות שאפשר לראות בדפדפן בנייד. מומלץ לבדוק את האתר בדפדפנים שפועלים במכשירים אמיתיים כדי לוודא שהכול פועל כצפוי.
תצוגת העיצוב הרספונסיבי ב-Firefox
ב-Firefox יש תצוגה של עיצוב רספונסיבי שמעודדת אתכם להפסיק לחשוב במונחים של מכשירים ספציפיים, ובמקום זאת לבדוק איך העיצוב משתנה בגדלי מסך נפוצים או בגודל שלכם, על ידי גרירה של הקצוות.
אמולציה של F12 ב-Edge
כדי לדמות מכשירי Windows Phone, משתמשים בהדמיה המובנית של Microsoft Edge.
מאחר ש-Edge לא כולל תאימות לדפדפנים מדור קודם, צריך להשתמש בהדמיה של IE 11 כדי לדמות את המראה של הדף בגרסאות ישנות יותר של Internet Explorer.
אמולטורים וסימולטורים של מכשירים
סימולטורים ומדמילים של מכשירים מדמים לא רק את סביבת הדפדפן, אלא את המכשיר כולו. הן שימושיות לבדיקת דברים שדורשים שילוב עם מערכת ההפעלה, למשל הזנת טפסים באמצעות מקלדות וירטואליות.
אמולטור Android
דפדפן המכשיר ב-Android Emulator
בשלב זה אין אפשרות להתקין את Chrome במהדמנת Android. עם זאת, אפשר להשתמש בדפדפן Android, ב-Chromium Content Shell וב-Firefox ל-Android, שנסביר עליהם בהמשך המדריך. ב-Chromium Content Shell נעשה שימוש באותו מנוע עיבוד של Chrome, אבל הוא לא כולל את התכונות הספציפיות לדפדפן.
אמולטור Android מגיע עם Android SDK, שצריך להוריד מכאן. לאחר מכן פועלים לפי ההוראות להגדרת מכשיר וירטואלי ולהפעלת הסימולטור.
אחרי שהמכונה הווירטואלית תופעל, תוכלו ללחוץ על סמל הדפדפן ולבדוק את האתר בדפדפן המובנה הקודם ל-Android.
Chromium Content Shell ב-Android
Android Emulator Content 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 Emulator
בדומה ל-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 מאפשרות לכם לגשת לגרסאות שונות של IE במחשב דרך VirtualBox (או VMWare). בוחרים מכונה וירטואלית בדף ההורדה הזה.
אמולטורים וסימולטורים מבוססי-ענן
אם אתם לא יכולים להשתמש במהדמנים ואין לכם גישה למכשירים אמיתיים, מהדמנים מבוססי-הענן הם הפתרון הטוב ביותר. אחד היתרונות הגדולים של אמוללטורים מבוססי-ענן על פני מכשירים אמיתיים ואמולטורים מקומיים הוא שאפשר להפוך את בדיקות היחידה לאתר לאוטומטיות בפלטפורמות שונות.
- BrowserStack (מסחרית) היא הפלטפורמה הקלה ביותר לשימוש לבדיקות ידניות. בוחרים מערכת הפעלה, גרסת דפדפן וסוג מכשיר, בוחרים כתובת URL לגלישה, והמערכת יוצרת מכונה וירטואלית מתארחת שאפשר לקיים איתה אינטראקציה. אפשר גם להפעיל כמה מכונות וירטואליות באותו מסך, כדי לבדוק איך האפליקציה נראית ומתפקדת במספר מכשירים בו-זמנית.
- SauceLabs (מסחרי) מאפשר להריץ בדיקות יחידה בתוך אמולטור. הכלי הזה יכול להיות שימושי מאוד לכתיבה של סקריפט לזרימה באתר, ולאחר מכן לצפות בסרטון ההקלטה של הזרימה הזו במכשירים שונים. אפשר גם לבצע בדיקה ידנית באתר.
- ב-Device Anywhere (מסחרי) לא נעשה שימוש במהדמרים, אלא במכשירים אמיתיים שאפשר לשלוט בהם מרחוק. האפשרות הזו שימושית מאוד במקרה שבו צריך לשחזר בעיה במכשיר ספציפי ולא ניתן לראות את הבאג באף אחת מהאפשרויות במדריכים הקודמים.
- LambdaTest (מסחרי) יעזור לכם לבצע בדיקות ידניות בדפדפנים שונים בשילוב של יותר מ-2,000 דפדפנים ומערכות הפעלה. המשתמשים יוכלו לצלם סרטונים של באגים מורכבים ולשתף אותם באמצעות שילובים כמו MS Teams, Slack ועוד. משתמשים יכולים להריץ בדיקות במקביל כדי לזרז את תהליך הבדיקה.