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