מכשירים ניידים כבר מהווים נתח ענק, אם לא הרוב, של קהל הקוראים המקוון עבור אתרים רבים, ולכן הקפדה על כך שהאתר שלך ייראה ויתפקד כמו שצריך באייפון או בטאבלט. ישנם שירותים רבים המציעים תצוגה מקדימה של פריסת סלולרי עבור כתובת אתר נתונה, אך אפל הקלה על אתרי בדיקות למוכנות לנייד בהרבה עם Safari 9 במערכת ההפעלה X El Capitan. תכונה חדשה בשם Responsive Design Mode יכולה להציג במהירות תצוגה מקדימה של מראה אתר אינטרנט בשלל מכשירי אפל, כמו גם רזולוציות מסך נפוצות. ככה זה עובד.
חשוב לחזור ולהצביע על כך שמצב עיצוב רספונסיבי הוא תכונה חדשה הבלעדית לספארי 9 במערכת ההפעלה X El Capitan, כך שתצטרך להפעיל לפחות גרסאות דפדפן ומערכת הפעלה אלה כדי לגשת אליו. אם ה- Mac שלך עומד בדרישה זו, תצטרך להפעיל תחילה את מצב המפתחים של Safari. לשם כך, הפעל את Safari ולחץ על Safari בסרגל התפריטים. ואז בחר העדפות> מתקדם .
בכרטיסיה מתקדמת בחלון העדפות של ספארי, סמן את התיבה שכותרתה "הצג פיתוח תפריט בסרגל התפריטים". כשם שהשם של האפשרות מרמז, תראה תפריט "פיתוח" חדש מופיע בסרגל התפריטים של ספארי מימין ל "סימניות."
בשלב הבא, סגור את חלון העדפות הספארי ונווט לאתר שאתה רוצה לבדוק במצב עיצוב רספונסיבי. לאחר שהאתר נטען במלואו בדפדפן שלך, השתמש בקיצור המקשים Command-Option-R ותראה את חלון הדפדפן הופך לתצוגה מקדימה של אחת מכמה רזולוציות של מכשירים ניידים (אתה יכול גם לגשת למצב עיצוב מגיב על ידי לחיצה על פיתוח ב בשורת התפריטים של ספארי ובחירה ב- Enter Mode Responsive Mode ).
מצב העיצוב התגובה של ספארי מאפשר לך להציג תצוגה מקדימה של מראה אתר אינטרנט בכל רזולוציות המכשירים הניידים של אפל, החל מ- iPhone 4S בגודל 3.5 אינץ 'ועד ה- iPad Pro בגודל 12.9 אינץ'. למשתמשים יש גם אפשרות לבחור ברזולוציית רשתית 1x, 2x או 3x ולשנות את סוכן הדפדפן כדי לחקות את התנהגותם של הדפדפנים הפופולריים ביותר כמו Chrome, Firefox ו- Edge.
עבור כל מכשיר וגודל מסך, המשתמשים יכולים ללחוץ על סמל המכשיר כדי לשנות בין כיוון לרוחב ולנוף או, עבור מכשירים כמו iPad Air ו- iPad Pro התומכים בתצוגה מפוצלת, אתה יכול ללחוץ כדי לסובב בין פריסות תצוגה מפוצלת שונות.
בעוד שמצב העיצוב התגובתי של ספארי חסר כמה מהאפשרויות של כלים דומים קיימים לפני כן, היות שהוא מובנה ישירות בספארי יכול להיות חיסכון זמן אדיר עבור מעצבי אתרים, וכלי למידה ובדיקה נהדר לבעלי אתרים שרוצים לוודא שהמבקרים הניידים שלהם מקבלים את החוויה הטובה ביותר ללא קשר לרזולוציית המסך או לגודל.
לאחר שתסיים את הבדיקה, אתה יכול לצאת ממצב עיצוב רספונסיבי על ידי סגירת חלון הדפדפן או הכרטיסייה, או לחץ שוב על קיצור הדרך Command-Option-R .
