01 of 06
הפעלה ושימוש במצב עיצוב תגובה ב - Safari 9
להיות מפתח אינטרנט בעולם של היום פירושו תמיכה של היטל של התקנים פלטפורמות, אשר לפעמים יכול להוכיח להיות משימה מרתיעה. גם עם הקוד המעוצב היטב ביותר לעמוד בתקני האינטרנט העדכניים ביותר, אתה עדיין יכול למצוא כי חלקים של האתר שלך לא יכול להיראות או לפעול כפי שאתה רוצה אותם על התקנים או החלטות מסוימות. כאשר מתמודדים עם האתגר של תמיכה כגון מגוון רחב של תרחישים, לאחר הכלים סימולציה הנכון לרשותך יכול להיות יקר.
אם אתה אחד מתכנתים רבים שמשתמש Mac, הכלים של מפתחים Safari תמיד לבוא שימושי. עם שחרורו של Safari 9 את רוחב הפונקציונליות הזו התרחבה במידה ניכרת, בעיקר בשל תגובה עיצובית Mode_ אשר מאפשר לך להציג בתצוגה מקדימה כיצד האתר שלך יעבד ברזולוציות מסך שונים, כמו גם על iPad שונים, iPhone ו- iPod touch בונה.
מדריך זה מפרט כיצד להפעיל את מצב עיצוב תגובה וכן כיצד לנצל אותו לצרכים הפיתוח שלך.
ראשית, פתח את דפדפן Safari שלך.
02 מתוך 06
ספארי העדפות
לחץ על Safari בתפריט הדפדפן, הממוקם בחלק העליון של המסך. כאשר התפריט הנפתח מופיע, בחר באפשרות ' העדפות' במעגל שמופיע למעלה.
שים לב שניתן להשתמש בקיצור המקשים הבא במקום פריט התפריט הנ"ל: COMMAND + COMMA (,)
03 מתוך 06
הצג תפריט פיתוח
תיבת הדו-שיח 'העדפות' של Safari צריכה להיות מוצגת כעת, המכסה את חלון הדפדפן שלך. ראשית, לחץ על icon_ מתקדם המיוצג על ידי הילוך וממוקם בפינה הימנית העליונה של החלון.
כעת יש לראות את ההעדפות המתקדמות של הדפדפן. בתחתית הוא אופציה מלווה תיבת סימון, שכותרתו הצג תפריט פיתוח בשורת התפריטים ו הקיף את הדוגמה לעיל. לחץ על תיבת הסימון פעם אחת כדי להפעיל את התפריט.
04 מתוך 06
היכנס למצב עיצוב תגובה
אפשרות חדשה כעת צריכה להיות זמינה בתפריט Safari שלך, הממוקם בחלק העליון של המסך, שכותרתו פיתוח . לחץ על אפשרות זו. כאשר התפריט הנפתח מופיע, בחר באפשרות Enter Responsive Design Mode (עיצוב מצב תגובה) _ מוקף בדוגמה שלמעלה.
שים לב שניתן להשתמש בקיצור המקשים הבא במקום פריט התפריט הנ"ל: OPTION + COMMAND + R
05 מתוך 06
מצב עיצוב תגובה
דף האינטרנט הפעיל אמור להיות מוצג כעת במצב 'עיצוב מותאם', כפי שמוצג בדוגמה שלמעלה. על ידי בחירת אחד ממכשירי iOS הרשומים, כגון ה- iPhone 6, או אחת מרזולוציות המסך המיועדות הזמינות, כגון 800 x 600, באפשרותך להציג באופן מיידי כיצד הדף יעבד במכשיר זה או ברזולוציה זו.
בנוסף להתקנים ולרזולציות שמוצגים, תוכל גם להורות ל- Safari לדמות סוכן משתמש אחר - כגון אחד מדפדפן אחר - על ידי לחיצה על התפריט הנפתח שמופיע ישירות מעל סמלי הרזולוציה.
06 מתוך 06
תפריט פיתוח: אפשרויות אחרות
בנוסף למצב עיצוב תגובה, תפריט הפיתוח של Safari 9 מציע אפשרויות שימושיות רבות נוספות, כמה מהן מפורטות למטה.
- פתח את הדף באמצעות: מאפשר לך לפתוח את דף האינטרנט הפעיל בכל דפדפן אחר המותקן כעת במחשב Mac.
- סוכן משתמש: שינוי סוכן המשתמש גורם לשרתי אינטרנט לזהות את הדפדפן שלך כדבר שאינו Safari 9.
- Connect Web מפקח: מפקח האינטרנט של Safari 9 מציג את כל המשאבים של דף אינטרנט, ומספק את היכולת לעיין במידע CSS, ערכי DOM ומבנה, וכן את קוד המקור של המקור.
- הצג קונסולת שגיאה: אחת האפשרויות הנפוצות ביותר בתפריט פיתוח, קונסולה זו מציגה JavaScript, HTML ו- XML שגיאות ואזהרות.
- הצגת מקור מקור: מאפשר לך להציג ולחפש בקוד המקור של דף האינטרנט הפעיל.
- הצגת מקורות דף: בחירה באפשרות זו מציגה מסמכים, סקריפטים, CSS ומשאבים אחרים מהדף הנוכחי.
- הצג עורך קטע: מספק את היכולת לערוך ולבצע שברי קוד, בניגוד לדף שלם. תכונה זו שימושית מאוד מנקודת מבט בדיקה.
- הצג בונה תוסף: מאפשר לך לבנות תוספים של Safari שלך על ידי אריזה של הקוד שלך בהתאם וצירוף מטא נתונים.
- התחל רישום זמן: רשמה מספר פריטים, כולל בקשות רשת, ביצוע JavaScript, עיבוד עמודים ואירועים אחרים עבור תקופת זמן המוגדרת על ידי המשתמש, כל הניתן לצפייה במפקח WebKit.
- מטמוני ריקים: לחיצה על אפשרות זו תמחק את כל המטמון המאוחסן בתוך Safari, ולא רק את הקבצים השמורים של קובץ המטמון הרגיל.
- השבת קובצי מטמון: עם שמירה במטמון, משאבים מורדים מאתר אינטרנט בכל פעם שמבוצעת בקשת גישה במקום להשתמש במטמון המקומי.
- אפשר JavaScript משדה חיפוש חכם: מושבת כברירת מחדל מסיבות אבטחה, תכונה זו מאפשרת לך להזין כתובות אתר המכילות JavaScript: בשורת הכתובת של Safari.
- התייחסו לאישורי SHA-1 כאל חסרי ביטחון: קצר עבור אלגוריתם Hash מאובטח, פונקציית ה- Hash 1 hash הוכחה כמובטחת פחות מכפי שחשבה במקור, ומכאן תוספת של אפשרות זו ב- Safari 9.
קריאה קשורה
אם מצאת מדריך זה שימושי, הקפד לבדוק את ההדרכה הספארי 9 שלנו אחרים.
- כיצד לנהל הודעות אתר דחיפה - -
- כיצד לייצא דף אינטרנט לקובץ PDF
- כיצד להגדיר את הרחבות ספארי 9 לעדכון אוטומטי
- כיצד להשתמש בתכונה אתרים מוצמדים