בדוק את אתר האינטרנט שלך מכשירים ניידים שונים ללא פיזית בעלות על המכשירים

ככל שיותר ויותר אנשים מתחילים לגלוש על המכשירים הניידים שלהם, זה הופך להיות רלוונטי עבורנו - מנהלי אתרים - כדי לוודא כי אתרי האינטרנט שלנו לדקלם היטב בדפדפן הנייד. עיצוב אתרים תגובה היא כנראה הדרך ללכת, אבל עדיין זה דורש הרבה בדיקות כדי לוודא שזה מתאים יפה בכל המכשירים ואת גודל המסך. זה כמעט בלתי אפשרי להשיג את כל המכשירים הניידים בעולם, אבל עם כלי Nifty בכלי הפיתוח של Google Chrome, אתה יכול בקלות לבדוק את האתר שלך רשימה גדולה של מכשירים ניידים (מבלי לבזבז אגורה אחת).

הדמיית 'מצב מכשיר' בכלי הפיתוח של Chrome היא כלי שימושי עבורך לבדיקת האתר שלך במספר מכשירים ניידים. כפי ששמו מרמז, הוא מחקה את הדפדפן מכשירים שונים, כך שתוכל לראות איך האתר שלך הופך בכל דפדפן.

כדי להתחיל, פתח את Chrome וטען את האתר שברצונך לבדוק. הקש F12 ("Cmd + Opt + I" עבור Mac OS X) כדי לפתוח את כלי המפתחים. לחלופין, אתה יכול ללחוץ לחיצה ימנית על העכבר ובחר "בדוק אלמנט".

בחלון כלי המפתחים, לחץ על הסמל הנייד שבפינה הימנית העליונה.

חזור אל חלון Chrome הראשי ועליך לראות שהאתר השתנה למצב רשת.

עכשיו, כל מה שאתה צריך לעשות הוא לבחור את המכשיר הנייד ברשימה הנפתחת "התקן". האתר ישונה את גודל התמונה באופן אוטומטי כך שיתאים לגודל המסך של המכשיר.

גלילה דרך רשימת המכשיר, אתה יכול למצוא כמה מכשירים פופולריים כמו iPhone 3GS, 4, 5, 6, 6 פלוס, Samsung Galaxy הערה, וכו '

דברים אחרים שתוכל לבדוק במצב ההתקן כוללים שינוי רזולוציית המסך, הגדרת יחס הפיקסלים, שינוי סוכן המשתמש של הדפדפן וכו '.

כדי לצאת ממצב 'מכשיר', פשוט חזור לחלון כלי המפתחים ולחץ שוב על הסמל הנייד, או פשוט סגור את חלון כלי המפתחים.

סיכום

כלי המפתחים ב- Google Chrome הוא כלי רב עוצמה ויעיל עבור מנהלי אתרים ומפתחים לבדיקת אתרי האינטרנט שלהם ולאיתור באגים שלהם. יש כלי דומה ב- Firefox גם כן (למעשה, רוב הדפדפנים מגיעים עם מצב כלי מפתח), אבל זה ב- Chrome מגיע עם תכונות נוספות וקל יותר לשימוש.