أداة CSS Inspector هي أداة قوية للمطورين تتيح لك رؤية جميع خصائص CSS لأي عنصر بمجرد تمرير الماوس فوقه. انقر لقفل الأنماط، وقم بتحريرها مباشرة، وشاهد التغييرات المطبقة فوراً على الصفحة.
سواء كنت تقوم باستكشاف مشكلات التخطيط وإصلاحها أو تدرس موقع ويب تحبه، فإن CSS Inspector يوفر كل ما تحتاجه في لوحة عائمة نظيفة. افحص بسهولة دون فتح أدوات المطور للمتصفح.
شاهد الخطوط والأحجام والألوان والمسافات وغيرها فوراً عند التمرير فوق أي عنصر.
انقر فوق العنصر لقفل اللوحة من الاختفاء، مما يسمح بفحص تفصيلي.
انقر نقراً مزدوجاً فوق القيم لتغييرها مباشرة. ستنعكس تعديلاتك فوراً على الصفحة.
انسخ الخصائص الفردية أو كتلة نمط التصميم بالكامل إلى حافظتك بنقرة واحدة.
شاهد قيم الهامش (margin) والحدود (border) والحشو (padding) بصرياً.
يعرض عرض العنصر وارتفاعه وموقعه على الصفحة.
يعرض مفحص CSS أكثر من 40 خاصية:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorفحص العناصر غير المحاذية بدقة.
دراسة أنماط مواقع الويب المفضلة لديك.
اختبار التغييرات قبل كتابة الكود.
عرض التغييرات المباشرة أثناء الاجتماعات.
احصل بسهولة على كود CSS للعناصر الجديدة.
انقر فوق أيقونة CSS Inspector في شريط أدوات DevSuite Pro.
حرك مؤشر الماوس فوق أي عنصر لرؤية خصائصه.
انقر فوق العنصر لتثبيت لوحة المعلومات.
انقر نقراً مزدوجاً فوق القيم لتعديلها.
انسخ الكود المحدث واستخدمه في مشروعك.
قم بتثبيت DevSuite Pro مجانًا وافتح أكثر من 39 أداة للمطورين لمتصفحك.