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

استخدِم لوحة نظرة عامة على CSS للتعرّف بشكل أفضل على صفحات الأنماط المتتالية في صفحتك وتحديد التحسينات المحتملة.

نظرة عامة

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

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

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

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

    "نظرة عامة حول صفحات الأنماط المتتالية" في القائمة

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

    عرض الأمر "نظرة عامة على CSS" في قائمة "الطلبات"

تنفيذ تقرير "نظرة عامة على صفحات الأنماط المتتالية" وإعادة تنفيذه

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

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

  2. لإعادة تنفيذ "نظرة عامة على CSS"، انقر على رمز محو. محو النظرة العامة وكرر الخطوة الأولى.

    نظرة عامة واضحة:

فهم تقرير "نظرة عامة على صفحات الأنماط المتتالية"

يتألّف التقرير من خمسة أقسام:

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

    الألوان

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

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

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

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

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

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

    معلومات الخط

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

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

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

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

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