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