כיצד להציג אתר האינטרנט שלך נושא נייד על דפדפן שולחן העבודה שלך

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

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

הצגת נושא לנייד ב- Firefox

ב - Firefox, אני ממליץ על Addon Switcher סוכן משתמש כפי שהוא מגיע מותקנת מראש עם סוכן ה- iPhone המשתמש ואתה יכול לעבור אליו בקלות.

לאחר התקנת התוסף והפעלה מחדש של אתר האינטרנט שלך, עבור אל " Tools -> Default User Agent -> iPhone ".

עכשיו, רענן את האתר שלך ואתה צריך לראות את הנושא הנייד בפעולה.

כדי להוסיף את סוכן Android לרשימה, עבור אל " Tools -> Default User Agent -> Edit User Agents ".

לחץ על "New -> User User Agent" והזן את הפרטים הבאים:

תיאור : Android
סוכן משתמש : Mozilla / 5.0 (Linux, U, Android 2.2; en-gb; Nexus One Build / FRF50)
/ 533.1 (KHTML, כמו גקו) גרסה / 4.0 נייד ספארי / 533.1

הרשומות הנותרות תוכל לשמור אותן בערך ברירת המחדל.

(עבור iPad, סוכן המשתמש הוא Mozilla / 5.0 (iPad, U, CPU OS 3_2 כמו Mac OS X, en-us) AppleWebKit / 531.21.10 (KHTML, כמו גקו) גרסה / 4.0.4 נייד / 7B334b ספארי / 531.21 .10 )

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

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

ניתן להוסיף גודל מסך חדש לרשימה. להתייחסותך:

iPhone 4 יש רזולוציית מסך של 960 x 640 (H על ידי W, אז אתה צריך להזין 640 x 960)
iPhone 3GS ומטה יש רזולוציית מסך של 480 x 320 (H על ידי W, אז אתה צריך להזין 320 x 480)
נקסוס אחד (אנדרואיד) יש רזולוציית מסך של 800 x 480 (H על ידי W, אז אתה צריך להזין 480 x 800)

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

הערה : התוספים לעיל פועלים רק ב- Firefox 3.6. * ומטה. הם אינם תואמים את גירסת הביתא של פיירפוקס 4.

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

כיצד בודקים את העיצוב הנייד שלך?