טיפים לכלי פיתוח: זיהוי שיפורים ב-CSS

Sofia Emelianova

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

כדי לקבל דוח, פותחים את DevTools‏ > > כלים נוספים > סקירה כללית של CSS ולוחצים על צילום סקירה כללית.

הדוח כולל כמה קטעים:

• סיכום עם נתונים סטטיסטיים על סגנונות, בוחרים ושאילתות מדיה.
• פירוט של הצבעים שבהם נעשה שימוש, כולל בעיות ניגודיות – הבעיות הנפוצות ביותר באינטרנט.
• פירוט של הגופנים שבהם נעשה שימוש, עם נתונים סטטיסטיים לגבי גודל, עובי וגובה שורה.
• הצהרות CSS שלא בשימוש.
• נתונים סטטיסטיים על שאילתות מדיה, ממוינים לפי מספר המופעים בסדר יורד.

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

מידע נוסף על בעיות שקשורות לניגודיות זמין במאמר שיפור הקריאוּת של האתר.