בחלונית סקירה כללית של שירותי CSS תוכלו להבין טוב יותר את שירות ה-CSS של הדף ולזהות שיפורים אפשריים.
פתיחת החלונית 'סקירה כללית של CSS'
- פותחים דף אינטרנט כלשהו, כמו הדף הזה.
- פותחים את כלי הפיתוח.
בוחרים באפשרות התאמה אישית ושליטה של כלי הפיתוח > כלים נוספים > סקירה כללית של CSS.
לחלופין, משתמשים בתפריט הפקודות כדי לפתוח את החלונית סקירה כללית של CSS.
הרצה והפעלה מחדש של הדוח 'סקירה כללית של CSS'
לוחצים על הלחצן צילום סקירה כללית כדי ליצור דוח 'סקירה כללית של CSS' של הדף.
כדי להריץ מחדש סקירה כללית של CSS, לוחצים על הסמל ניקוי סקירה כללית וחוזרים על השלב הראשון.
הסבר על הדוח 'סקירה כללית של שירות CSS'
הדוח מורכב מחמישה קטעים:
- סיכום הסקירה הכללית. סיכום ברמה גבוהה של ה-CSS של הדף.
צבעים. כל הצבעים בדף. הצבעים מקובצים לפי סוגים, כמו צבעי רקע, צבעי טקסט וכו'. בקטעים האלה מוצגים גם טקסטים עם בעיות של ניגודיות נמוכה.
כל צבע ניתן ללחיצה. לדוגמה, נניח שצבע הגבול של
#DADCE0
לא תואם לערכת הצבעים של האתר. כדי לקבל רשימה של אלמנטים שמשתמשים בצבע הזה, לוחצים על הצבע.כדי להדגיש את הרכיב בדף, מעבירים את העכבר מעל הרכיב ברשימה.
כדי לפתוח את הרכיב בחלונית רכיבים, לוחצים על הרכיב ברשימה.
פרטי גופן. כל הגופנים בדף והמופעים שלהם מקובצים לפי גודל גופן, משקל גופן וגובה שורה שונים. בדומה לקטע צבעים, לוחצים על המופעים שלהם כדי להציג את רשימת הרכיבים המושפעים.
הצהרות שלא בשימוש. כל הסגנונות שאין להם השפעה, מקובצים לפי סיבה.
לדוגמה, שתי ההצהרות שלמעלה אינן בשימוש כי התוכן קובע את הגובה והרוחב של רכיב בתוך השורה. כדי להציג את הרכיבים התואמים, לוחצים על המופעים.
שאילתות מדיה. כל שאילתות המדיה שמוגדרות בדף, ממוינות לפי מספר המופעים בסדר יורד. כדי להציג את רשימת הרכיבים שהושפעו, לוחצים על המופעים שלהם.