يمكنك استخدام لوحة نظرة عامة حول CSS لفهم لغة CSS الخاصة بالصفحة بشكل أفضل وتحديد التحسينات المحتمَلة.
فتح لوحة "نظرة عامة حول CSS"
- افتح أي صفحة ويب، مثل هذه الصفحة.
- افتح "أدوات مطوري البرامج".
اختَر تخصيص أدوات مطوّري البرامج والتحكّم فيها > مزيد من الأدوات > نظرة عامة على CSS.
بدلاً من ذلك، استخدِم قائمة الأوامر لفتح لوحة نظرة عامة على CSS.
تشغيل تقرير "نظرة عامة حول CSS" وإعادة تشغيله
انقر على الزر التقاط نظرة عامة لإنشاء تقرير نظرة عامة حول CSS لصفحتك.
لإعادة عرض صفحة "نظرة عامة حول CSS"، انقر على رمز محو النظرة العامة وكرِّر الخطوة الأولى.
فهم تقرير النظرة العامة حول خدمة مقارنة الأسعار (CSS)
ويتكون التقرير من خمسة أقسام:
- ملخّص النظرة العامة: ملخّص عالي المستوى لخدمة مقارنة الأسعار (CSS) على صفحتك
الألوان: كل الألوان على صفحتك يتم تجميع الألوان حسب الأنواع، مثل ألوان الخلفية وألوان النص وما إلى ذلك. كما يعرض هذا القسم أيضًا النصوص التي تحتوي على مشاكل منخفضة التباين.
يمكن النقر على كل لون. على سبيل المثال، لنفترض أنّ لون الحد
#DADCE0
لا يتطابق مع الألوان في موقعك الإلكتروني. للحصول على قائمة بالعناصر التي تستخدم هذا اللون، انقر فوق اللون.لتمييز العنصر في الصفحة، مرر مؤشر الماوس فوق العنصر في القائمة.
لفتح العنصر في لوحة العناصر، انقر على العنصر في القائمة.
معلومات الخط: جميع الخطوط على صفحتك ومواضع ورودها، مجمّعة حسب حجم الخط المختلف وسُمكه وارتفاع السطر على غرار قسم الألوان، لعرض قائمة العناصر المتأثّرة، انقر على مواضع ورودها.
التعريفات غير المستخدَمة: جميع الأنماط التي ليس لها تأثير، مجمّعة حسب السبب.
على سبيل المثال، لا يتم استخدام التعريفَين أعلاه لأنّ المحتوى يحدّد ارتفاع العنصر المضمّن وعرضه. لعرض العناصر المقابلة، انقر على مواضع الورود.
طلبات البحث عن الوسائط: كل الاستعلامات عن الوسائط المحددة في صفحتك، مرتَّبة حسب عدد مرات الورود بترتيب تنازلي. للاطّلاع على قائمة العناصر المتأثّرة، انقر على مواضع ورودها.