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