تحليل أي موقع رموز مع CSS حفر كروم التمديد

هناك الكثير الذي يمكنك القيام به كروم DevTools من تحرير المواقع الحية إلى دراسة طلبات HTTP المفصلة. لكن ال القدرة على تحليل أنماط CSS لا خبز في وحدة التحكم.

مع المغلق حفر, يمكنك تحليل كل شيء محددات CSS, النوعية, و خصائص فريدة من نوعها من أي صفحة ويب مباشرة من كروم. هذا الامتداد مجاني تمامًا ويوفر الكثير من القوة للمطورين الأمامي.

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

لتبدأ ، ببساطة تثبيت البرنامج المساعد وفتح نافذة وحدة التحكم. ستجد اثنين من علامات التبويب في نافذة حفر CSS: الخصائص و محددات.

يمكنك تصفح النتائج نظمتها الممتلكات (اللون ، الحدود ، الحشو) ، أو بواسطة المحددات (الطبقات ، معرفات). أجد أن نافذة الخصائص هي الأكثر قيمة ، لأنها تتيح لك دراسة الخطوط والألوان التي تستخدمها.

تعمل هذه الأداة في جميع المجالات مع أي موقع ويب ، لذلك فهو سهل الاستخدام أيضًا الهندسة العكسية تصميم أي شخص. يمكنك نسخ / لصق CSS مباشرة من هذه النافذة وإعادة استخدامه في مشاريعك الخاصة.

ربما كانت حالة الاستخدام الأكثر شيوعًا لـ CSS Dig هي ألوان مكررة واضحة من لوحة الألوان الخاصة بك. كم من ظلال فريدة من اللون الأخضر تحتاج حقا؟ أو ، كم من خطوط sans-serif المختلفة ضرورية لصفحة واحدة?

CSS Dig بسيط للغاية ، لذلك لا تتوقع العشرات من الميزات مثل DevTools. بدلا من ذلك ، هذا البرنامج المساعد هو بالأحرى موجهة نحو المطورين الواجهة تدوين مواقع محددات تكرار أو خصائص مكررة.

ال مصدر الرمز من البرنامج المساعد متاح مجانا على جيثب حيث ستجد أيضا جميع آخر التحديثات.