استخدام CSS: عرض قواعد CSS المستخدمة على صفحات الويب وملف التصدير [Firefox]

هل سبق لك أن زرت أحد مواقع الويب ووجدت نفسك فضوليًا بشأن الأنماط التي استخدمتها عليه؟ سواء كنت مصممًا محترفًا تعمل على موقع أو مجرد تعلم CSS كهواية أو مشروع جانبي ، فتحقق من كيفية تنفيذ المواقع المختلفة لتطبيق CSS ، تفتح عقلك على الطرق العديدة التي يمكنك استخدامها فيه بنفسك مشاريع. استخدام CSS هو ملحق Firefox يتيح لك الاطلاع على قواعد CSS المطبقة على أي صفحة ويب ويتيح لك أيضًا تصدير ورقة CSS في علامة تبويب جديدة.

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

قد يكون هناك أكثر من ملف CSS واحد مستخدم على صفحة الويب ، قم بتوسيعها وطيها لرؤية كل ملف ومحتوياته.

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

على الرغم من أن تخطيط ملف CSS يمكن أن يتحمل بعض التحسين ، إلا أنه جيد بما يكفي بالنسبة لك للحصول على فكرة عن كيف كان النمط مختلفًا.

قم بتثبيت ملحق استخدام CSS لـ Firefox