ابزار CSS Inspector یک ابزار قدرتمند توسعهدهنده است که به شما امکان میدهد ویژگیهای کامل CSS هر عنصری را تنها با حرکت دادن ماوس روی آن مشاهده کنید. برای قفل کردن سبکها کلیک کنید، آنها را مستقیماً ویرایش کنید و ببینید که تغییرات شما فوراً در صفحه اعمال میشود.
چه در حال رفع یک مشکل چیدمان باشید و چه در حال مطالعه وبسایتی که دوست دارید، CSS Inspector تمام آنچه را که نیاز دارید در یک پنل شناور تمیز در اختیار شما قرار میدهد. بدون باز کردن ابزارهای توسعه مرورگر، به راحتی بررسی کنید.
هنگامی که روی هر عنصری قرار میگیرید، فوراً فونتها، اندازهها، رنگها، فاصلهها و موارد دیگر را مشاهده کنید.
روی عنصر کلیک کنید تا پنل قفل شود و از پنهان شدن آن جلوگیری شود، که اجازه بررسی دقیق را میدهد.
روی مقادیر دوبار کلیک کنید تا آنها را مستقیماً تغییر دهید. ویرایشهای شما فوراً در صفحه منعکس میشود.
ویژگیهای فردی یا بلوک کامل سبک را با یک کلیک در کلیپبورد کپی کنید.
مقادیر حاشیه، لبه و فاصله داخلی را به صورت بصری مشاهده کنید.
عرض، ارتفاع و موقعیت عنصر را در صفحه مشاهده کنید.
CSS Inspector بیش از ۴۰ ویژگی را نمایش میدهد:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorعناصر نامرتب را با دقت بررسی کنید.
سبکهای وبسایتهای مورد علاقه خود را مطالعه کنید.
قبل از نوشتن کد، تغییرات را آزمایش کنید.
تغییرات را در طول جلسات به صورت زنده نشان دهید.
کد CSS را برای عناصر جدید به راحتی دریافت کنید.
از نوار ابزار DevSuite Pro روی آیکون CSS Inspector کلیک کنید.
نشانگر را روی هر عنصری نگه دارید تا ویژگیهای آن را ببینید.
روی عنصر کلیک کنید تا پنل ثابت شود.
روی مقادیر دوبار کلیک کنید تا آنها را تنظیم کنید.
کد اصلاح شده را کپی کرده و در پروژه خود استفاده کنید.
DevSuite Pro را به صورت رایگان نصب کنید و بیش از ۳۹ ابزار توسعه را برای مرورگر خود باز کنید.