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

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

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

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

استخدام المغلق

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

عرض استخدام CSS في firebug

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

تصدير ملف استخدام CSS

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

تثبيت CSS Use Extension For Firefox

تعليقات