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

Sofia Emelianova
Sofia Emelianova

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

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

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

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

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

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