כיצד להפעיל ולהשתמש במצב עיצוב רספונסיבי בספארי

תוכן עניינים:

כיצד להפעיל ולהשתמש במצב עיצוב רספונסיבי בספארי
כיצד להפעיל ולהשתמש במצב עיצוב רספונסיבי בספארי
Anonim

מה צריך לדעת

  • כדי להפעיל: Preferences > בחר Advanced כרטיסייה > החלף הצג תפריט פיתוח בשורת התפריטיםעל.
  • לשימוש: בחר Develop > כניסה למצב עיצוב רספונסיבי בסרגל הכלים של Safari.

מאמר זה מסביר כיצד להפעיל מצב עיצוב רספונסיבי ב-Safari 9 עד Safari 13, ב-OS X El Capitan דרך macOS Catalina.

איך להפעיל מצב עיצוב רספונסיבי בספארי

כדי להפעיל את מצב העיצוב הרספונסיבי של Safari, יחד עם כלים אחרים למפתחים של Safari:

  1. עבור לתפריט Safari ובחר Preferences.

    לחץ על קיצור המקשים Command+ , (פסיק) כדי לגשת במהירות להעדפות.

  2. בתיבת הדו-שיח Preferences, בחר את הכרטיסייה Advanced.

    Image
    Image
  3. בתחתית תיבת הדו-שיח, בחר בתיבת הסימון הצג תפריט פיתוח בשורת התפריטים.

    Image
    Image
  4. עכשיו תראה Develop בשורת התפריטים העליונה של Safari.

    Image
    Image
  5. בחר Develop > כניסה למצב עיצוב רספונסיבי בסרגל הכלים של Safari.

    לחץ על קיצור המקלדת Option+ Command+ R כדי להיכנס במהירות למצב עיצוב רספונסיבי.

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

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

    Image
    Image

Safari Developer Tools

בנוסף למצב עיצוב רספונסיבי, תפריט Safari Develop מציע אפשרויות שימושיות אחרות.

Image
Image

פתח דף עם

פותח את דף האינטרנט הפעיל בכל דפדפן שמותקן כעת ב-Mac.

סוכן משתמש

כשאתה משנה את סוכן המשתמש, אתה יכול לרמות אתר לחשוב שאתה משתמש בדפדפן אחר.

Show Web Inspector

מציג את כל המשאבים של דף אינטרנט, כולל מידע CSS ומדדי DOM.

Show Error Console

מציג שגיאות ואזהרות של JavaScript, HTML ו-XML.

הצג מקור דף

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

הצג משאבי דף

מציג מסמכים, סקריפטים, CSS ומשאבים אחרים מהדף הנוכחי.

הצג קטעי טקסט

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

Show Extension Builder

עוזר לך לבנות הרחבות Safari על ידי אריזת הקוד שלך בהתאם וצירוף מטא נתונים.

התחל הקלטת ציר זמן

מאפשר לך להקליט בקשות רשת, ביצוע JavaScript, עיבוד דפים ואירועים אחרים בתוך WebKit Inspector.

מטמונים ריקים

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

השבת מטמונים

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

אפשר JavaScript משדה החיפוש החכם

מושבת כברירת מחדל מסיבות אבטחה, תכונה זו מאפשרת לך להזין כתובות אתרים המכילות JavaScript בשורת הכתובת של Safari.

מוּמלָץ: