אם אתה מפתח אתרים או בעל עסק מקוון, אולי אתה סקרן לדעת איך נראה אתר לנייד במחשב שולחני. המראה והפונקציונליות של האתר הנייד שלך עשויים להיות קריטיים מכיוון שיותר ממחצית מתעבורת האינטרנט מגיעה מטלפונים. סביר יותר שלקוחות יישארו באתר זמן רב יותר או יקנו משהו אם הוא מושך מבחינה ויזואלית. תצוגת שולחן העבודה יכולה גם לעזור לך לבצע עריכות ולתקן בעיות אפשריות מוקדם יותר.
למרבה המזל, זהו תהליך פשוט יחסית. במאמר זה נראה לך כיצד להציג גרסה ניידת של אתר במכשירים ודפדפנים שונים.
כיצד להציג את הגרסה הניידת של אתר בכרום ב-Mac
בכרום, אתה יכול לבדוק את הקצה הקדמי ולראות אם כל רכיבי האתר פועלים כהלכה על ידי שימוש בכלי מפתחים מובנה בשם DevTools. מכיוון שהוא מספק אפשרויות מכשיר מוגדרות מראש, DevTools היא הדרך הטובה ביותר עבור המפתח להעביר במהירות את התצוגה משולחן העבודה לנייד ולהיפך ללא כל הרחבות מפתחים.
אתה יכול גם לשנות את גודל המסך כך שיתאים לצרכים שלך ולהתאים את רוחב וגובה המסך כדי לראות איך האתר שלך ייראה בגדלי מסך שונים. כדי לעשות זאת ב-Mac, בצע את השלבים הבאים:
- הפעל את דפדפן Google Chrome ועבור לאתר שברצונך להציג.
- לחץ על F12 במקלדת כדי לגשת ל-DevTools.
- כאשר המצב מופעל, לחץ על סמל החלפת הדמיית התקן.
- אתה יכול לבחור מתוך רשימה של מכשירי iOS ו-Android כדי לחקות אותם.
- זה יציג את האתר בטופס הנייד שבחרת.
כשתסיים, פשוט סגור את חלון כלי המפתחים כדי לסגור את הגרסה הניידת של האתר.
כיצד להציג את הגרסה הניידת של אתר בכרום במחשב Windows
אם אתה רוצה להציג גרסה ניידת של אתר על Windows PC בכרום, זה תהליך די דומה:
- פתח את דפדפן כרום.
- בכרום, עבור אל האתר שברצונך לראות בגרסה הניידת.
- לחץ לחיצה ימנית על דף האינטרנט ובחר בדוק מהתפריט.
- כדי לעבור לכלי מפתחים, לחץ על הכרטיסייה עוד כלים ובחר בכלי מפתחים או הקש F12 כדי לפתוח את DevTools.
- חלון כלי המפתחים ייפתח.
- לחץ על סמל החלפת המכשיר כדי לעבור למצב תצוגת אתר נייד.
- בחר את המכשיר הנייד שברצונך לחקות (אופציונלי).
- כעת תוכל לשנות את מידות המסך כך שיתאימו לצרכים שלך.
כיצד להציג את הגרסה הניידת של אתר בכרום ב-Chromebook
גישה לגרסה הניידת של אתר בכרום באמצעות Chromebook דומה מאוד לשתי השיטות הראשונות.
- פתח את דפדפן האינטרנט Google Chrome.
- פתח את דף האינטרנט שאליו תרצה לגשת במכשיר הנייד שלך.
- כדי לגשת לתפריט, לחץ על סמל שלוש הנקודות האנכי.
- גרור את העכבר מעל הפריט עוד כלים ברשימה.
- בחר כלי מפתחים.
- חלון כלי המפתחים בדפדפן ייפתח.
- החלף את מצב תצוגת האתר לנייד על ידי לחיצה על סמל החלפת התקן.
זה יציג את ממשק המשתמש של האתר הנייד. תוכל גם לבחור את חוויית המכשיר המועדפת על ידי בחירת המותג והדגם מהתיבה הנפתחת. דף האינטרנט יתרענן כאתר למחשב שולחני בכל פעם שתסגור את מסוף כלי המפתחים.
כיצד להציג את הגרסה הניידת של אתר אינטרנט בפיירפוקס ב-Mac
אתה יכול להשתמש בדפדפני אינטרנט אחרים כמו Firefox כדי להציג אתר סלולרי במחשב שולחני של Mac. שינוי גודל חלון הדפדפן הוא אחת השיטות שרוב מפתחי האינטרנט משתמשים בהן כדי להעריך את אתר העיצוב הרספונסיבי. עם זאת, לרוב, חלופה זו לא תיראה מקובלת.
זה המקום שבו יכולות פיתוח האינטרנט של דפדפן Firefox מועילות. אתה יכול לגלוש בדפי האינטרנט שלך ברזולוציות מרובות אם אתה יודע איך לגשת לגרסאות ניידות של אתרים בפיירפוקס. בצע את השלבים הבאים:
- פתח את הגרסה הניידת של האתר שאתה רוצה לראות.
- לחץ לחיצה ימנית על דף האינטרנט ובחר באפשרות בדוק מהתפריט.
- בחר את מצב העיצוב הרספונסיבי.
- בחר את גודל המסך של האתר.
כיצד להציג את הגרסה הניידת של אתר אינטרנט בפיירפוקס במחשב Windows
למחשבי Windows יש גם אפשרות להציג גרסאות ניידות של אתרים המשתמשים בפיירפוקס. הנה איך לעשות זאת:
- הפעל את Firefox במחשב האישי שלך.
- עבור לאתר שאתה רוצה לראות כגרסה לנייד.
- עבור להגדרות על ידי לחיצה על סמל שלושת הפסים האופקיים.
- תראה תפריט נפתח שבו תצטרך לבחור אפשרות של מפתח אינטרנט.
- בחר מצב עיצוב רספונסיבי.
- לבסוף, אתה יכול לבחור דגם של סמארטפון כדי לראות כיצד האתר שלך יופיע במכשיר זה.
כיצד להציג את הגרסה הניידת של אתר בספארי ב-Mac
סקרנו כיצד לצפות באתר לנייד במחשב שולחני באמצעות Chrome ו-Firefox. אבל מה לגבי דפדפן ברירת המחדל שמגיע עם מכשירי Mac, Safari? למרבה המזל, אפשר לצפות בגרסה ניידת של אתר גם בספארי.
- הפעל את דפדפן Safari.
- עבור אל האתר שאתה רוצה להציג כגרסה לנייד.
- לחץ על אפשרויות ולאחר מכן על תפריט פיתוח.
- מהתפריט הנפתח, בחרו ב-Enter Mode Design Responsive.
- כעת תוכל לצפות בגרסה הניידת של האתר.
שאלות נפוצות נוספות
האם אוכל לצפות בגרסת שולחן העבודה של אתר בטלפון שלי?
התשובה היא כן! אתה יכול לעבור מגרסת הנייד לגרסת שולחן העבודה כדי לבדוק זאת מבלי להשתמש במחשב. השלבים להעברת הגרסה הניידת לגרסת שולחן העבודה בכרום הם כדלקמן:
1. עבור אל האתר שאתה רוצה לראות בתצוגת שולחן העבודה.
2. הקש על סמל שלוש הנקודות כדי לגשת לתפריט.
3. בחר כעת באפשרות תצוגת שולחן עבודה.
זכור כי השלבים הללו עשויים להשתנות בהתאם לטלפון שבו אתה משתמש.
כיצד להפיל פריטים ב- roblox 2018
הופך את עיצוב אתרים לנייד לקל יותר
כלי המפתחים נהדרים לנתח ולשנות גרסה ניידת של אתר על שולחן העבודה מבלי להחליף מכשיר. אתה יכול לשנות את גודל המסך כדי לראות כיצד הרכיבים פועלים במכשירים שונים. אתה יכול להתאים רכיבים שונים וליצור את האתר עבור גדלי מסך מרובים באמצעות המצב הרספונסיבי.
בעת עיצוב אתר אינטרנט, המעצב צריך תמיד לזכור כיצד הקצה הקדמי של האתר מופיע בטלפונים, בטאבלטים ובמחשבים שולחניים. שימוש בשיטות המתוארות במאמר יכול גם לעזור למפתח לעשות זאת וגם לזהות אילו רכיבים של אתר אינטרנט יוצרים בעיות כדי לתקן אותן.
האם ניסית פעם לצפות בגרסה ניידת של אתר על שולחן העבודה שלך? באיזה דפדפן אתה מעדיף להשתמש כדי לעשות זאת? ספר לנו בקטע ההערות למטה.
