عندما نكتب الأنماط، بعد تعديل CSS للصفحة لعدة إصدارات، قد لا يتم استخدام بعض الأنماط، أو ربما تمت إعادة تسمية بعض الأنماط ونسيان حذف الأنماط الأصلية المحتوى في نمط الصفحة. ستؤدي هذه الهدرات غير المفيدة لمساحة الخادم واستهلاك النطاق الترددي أيضًا إلى زيادة تكاليف الصيانة لدينا. فهل هناك أي طرق لتنظيف تلك الأنماط عديمة الفائدة؟ اليوم دعونا نلقي نظرة على بعض الأدوات الأكثر فائدة.
محددات Dust-Me
يعد Dust-Me مكونًا إضافيًا مفيدًا جدًا وسهل الاستخدام لمتصفح Firefox، حيث يمكنه تحليل جميع ملفات CSS التي يتم استدعاؤها في صفحتك وتحليل تلك الملفات غير المستخدمة في الصفحة.
يدعم ملفات الأنماط المحلية والبعيدة، بما في ذلك ملفات الأنماط المقدمة باستخدام علامات <link>، وتعليمات المعالجة <?xml-stylesheet?>، وبياناتimport، وما إلى ذلك (ولكن لا يدعم كتل <style> والأنماط المضمنة في الصفحة)
ملفات نمط الدعم المقدمة في التعليقات الشرطية لـ IE؛
يمكنك التحقق من صفحة واحدة أو الموقع بأكمله؛
يدعم محددات CSS1، ومعظم محددات CSS2 وCSS3؛
افهم أن اختراقات CSS الشائعة مثل "* html #fuck-ie" سيتم تفسيرها على أنها "html #fuck-ie"؛
يدعم Firefox 3.5 وFirefox 3.0 في الواقع، بفضل التحسينات في محرك js لـ FF 3.5، أصبح الأداء في FF 3.5 أعلى بنسبة 50% من أداء FF 3.0.
التثبيت : اضغط هنا . وفي الوقت نفسه، يمكنك تنزيل الكود المصدري للمشروع لمعرفة المزيد، يرجى زيارة الصفحة الرسمية لمحدد Dust-Me.
سرعة الصفحة
سرعة الصفحة هي أداة لتحليل أداء الواجهة الأمامية تقدمها Google، وهي تشبه إلى حد ما YSlow، ولكنها توفر بعض الأدوات الفريدة والمفيدة، مثل إزالة CSS غير المستخدمة:
تعتمد سرعة الصفحة، مثل YSlow، على Firebug للحصول على التفاصيل والتثبيت، يرجى زيارة هذا الرابط.
مدقق التكرار CSS
CSS Redundancy Checker هو تطبيق مجاني عبر الإنترنت يمكنه التحقق من جميع الصفحات التي تستخدم ملف CSS معين بحثًا عن الأنماط غير المفيدة. يمكنك التحقق من استخدام نمط معين في صفحات متعددة في نفس الوقت. عيب هذه الأداة هو أنه على الرغم من قدرتها على التحقق من صفحات HTML متعددة في المرة الواحدة، إلا أنها يمكنها التحقق من ملف CSS واحد فقط في المرة الواحدة، ويجب عليك إدخاله يدويًا:
فكرة إنتيليج
IntelliJ IDEA يعد هذا IDE قويًا للغاية، ويشبه DreamWeaver، ولكنه لا يستخدم كثيرًا في الصين. يشتمل البرنامج على أداة تحليل التعليمات البرمجية أثناء التنقل والتي يمكنها تحليل الفئات والمعرفات غير المستخدمة في ملفات CSS.
شبكة التعبير
لا يزال العديد من الأشخاص يستخدمون Expression Web، وهي أداة تطوير مواقع الويب من الجيل الجديد من Microsoft. ويمكن لوظيفة تقرير CSS الخاصة بها التحقق من CSS غير المستخدم الذي يحتاج إلى المسح (لم أستخدم EW مطلقًا لتطوير موقع ويب. وآمل أن يتمكن الأطفال الذين يستخدمون هذا البرنامج من ذلك). مساعدة. تحقق من ذلك).
خاتمة
وبطبيعة الحال، قد تكون هناك أدوات أخرى لم يتم ذكرها هنا، إذا كنت تعرف شيئا عنها، يمكنك مشاركتها مع الجميع.
بالإضافة إلى ذلك، نقوم عادةً بكتابة أنماط موقع الويب بأكمله في ملف نمط واحد أو أكثر، ثم نستدعيها جميعًا في الصفحة أو نستدعيها في الوحدات النمطية، ثم قد لا يتم استخدام الأنماط الموجودة في ملف CSS معين في صفحة معينة ولكن يتم استخدامها في صفحة معينة، لذلك عند استخدام هذه الأدوات لاكتشاف الأنماط الزائدة في ملفات CSS، يجب عليك توخي الحذر تنطبق على صفحة واحدة فقط، وهي غير مناسبة للموقع بأكمله، وبدلاً من ذلك استخدم Dust-Me أو CSS Redundancy عند استخدام المدقق، يمكنك التحقق من موقع الويب بأكمله أو صفحات متعددة من موقع الويب في نفس الوقت، مما قد يؤدي إلى تجنب الأخطاء.
ملاحظة: شكرًا جزيلاً لعمل كبسولات المعرفة.