نظرة عامة على خدمة مقارنة الأسعار (CSS): تحديد التحسينات المحتملة في خدمة مقارنة الأسعار (CSS)

يمكنك استخدام لوحة نظرة عامة حول CSS لفهم لغة CSS الخاصة بالصفحة بشكل أفضل وتحديد التحسينات المحتمَلة.

نظرة عامة

تنشئ لوحة نظرة عامة حول CSS تقريرًا بإحصاءات CSS لموقعك الإلكتروني. يجمع هذا التقرير بيانات عن جميع مواضع ورود خدمة مقارنة الأسعار (CSS) وحتى التعريفات غير المستخدَمة. تساعدك لوحة نظرة عامة على CSS في التحقق من تكرار حدوث هذه المشاكل من خلال تمييز الصفحة أو من خلال إضافة روابط مباشرة إلى الرمز المتأثر في لوحة العناصر.

اطّلِع على كيفية تشغيل تقرير "نظرة عامة حول CSS" وإعادة تشغيله وفهم تقرير النظرة العامة حول CSS.

فتح لوحة "نظرة عامة حول CSS"

  1. افتح أي صفحة ويب، مثل هذه الصفحة.
  2. افتح "أدوات مطوري البرامج".
  3. اختيار المزيد. تخصيص أدوات مطوّري البرامج والتحكّم فيها > مزيد من الأدوات > نظرة عامة على CSS:

    نظرة عامة حول CSS في القائمة.

    بدلاً من ذلك، استخدِم قائمة الأوامر لفتح لوحة نظرة عامة على CSS.

    عرض الأمر "نظرة عامة حول CSS" في قائمة الأوامر.

تشغيل تقرير "نظرة عامة حول CSS" وإعادة تشغيله

  1. انقر على الزر التقاط نظرة عامة لإنشاء تقرير نظرة عامة حول CSS لصفحتك.

    الحصول على نظرة عامة حول صفحات الأنماط المتتالية (CSS)

  2. لإعادة عرض صفحة "نظرة عامة حول CSS"، انقر على رمز محو. محو النظرة العامة وكرِّر الخطوة الأولى.

    محو النظرة العامة.

فهم تقرير النظرة العامة حول خدمة مقارنة الأسعار (CSS)

ويتكون التقرير من خمسة أقسام:

  1. ملخّص النظرة العامة: ملخّص عالي المستوى لخدمة مقارنة الأسعار (CSS) على صفحتك ملخّص النظرة العامة
  2. الألوان: كل الألوان على صفحتك يتم تجميع الألوان حسب الأنواع، مثل ألوان الخلفية وألوان النص وما إلى ذلك. كما يعرض هذا القسم أيضًا النصوص التي تحتوي على مشاكل منخفضة التباين.

    الألوان

    يمكن النقر على كل لون. على سبيل المثال، لنفترض أنّ لون الحد #DADCE0 لا يتطابق مع الألوان في موقعك الإلكتروني. للحصول على قائمة بالعناصر التي تستخدم هذا اللون، انقر فوق اللون.

    قائمة بالعناصر التي تستخدم اللون.

    لتمييز العنصر في الصفحة، مرر مؤشر الماوس فوق العنصر في القائمة.

    ويمكنك تمرير مؤشر الماوس فوق عنصر معيّن لتمييزه في الصفحة.

    لفتح العنصر في لوحة العناصر، انقر على العنصر في القائمة.

  3. معلومات الخط: جميع الخطوط الموجودة على صفحتك ومواضع ورودها، مجمّعة حسب حجم الخط المختلف وسُمك الخط وارتفاع السطر. على غرار قسم الألوان، لعرض قائمة العناصر المتأثّرة، انقر على مواضع ورودها.

    معلومات الخط

  4. التعريفات غير المستخدَمة: جميع الأنماط التي ليس لها تأثير، مجمّعة حسب السبب.

    تعريفات غير مُستخدَمة

    على سبيل المثال، لا يتم استخدام التعريفَين أعلاه لأنّ المحتوى يحدّد ارتفاع العنصر المضمّن وعرضه. لعرض العناصر المقابلة، انقر على مواضع الورود.

  5. طلبات البحث عن الوسائط: كل الاستعلامات عن الوسائط المحددة في صفحتك، مرتّبة حسب عدد مرات الورود بترتيب تنازلي. للاطّلاع على قائمة العناصر المتأثّرة، انقر على مواضع ورودها.

    الاستعلامات عن الوسائط.