معرفی افزونه «CSS Inspector Popup»
افزونه CSS Inspector Popup ابزاری سبک و کاربردی برای توسعهدهندگان و طراحان وب است که بهصورت بلادرنگ و تنها با یک حرکت ماوس، تمام قواعد CSS هر المان درون صفحه را بهصورت یک پنجرهٔ پاپآپ زیبا و قابل کپی نمایش میدهد. دیگر نیازی به باز کردن DevTools و جستجوی طولانی در میان تبهای استایل نیست!
ویژگیهای کلیدی
- نمایش لحظهای CSSبا قرار دادن نشانگر ماوس روی هر المان، تمام پراپرتیها و مقادیر CSS آن (رنگها، فاصلهها، فونتها و …) در یک پاپآپ ظاهر میشود.
- کپی سریع و آسانکل استایل نمایشدادهشده را تنها با یک کلیک روی دکمه «کپی CSS» در حافظه کلیپبورد ذخیره کنید و بدون نیاز به تایپ دستی در پروژهتان بچسبانید.
- رعایت سلسلهمراتب و ساختاردر بالای پنجره مسیر کامل سلکتور (از تگ والد تا المان هدف) و ابعاد دقیق عرض و ارتفاع المان را میبینید.
- پشتیبانی از Media Queries و شبهکلاسهاقواعد داخل @media و استایلهایی مثل :hover، :active یا :focus بهصورت بلوکهای مجزا و با رنگبندی مخصوص نمایش داده میشوند.
- رابط کاربری ساده و کمحجم بدون کند کردن صفحات یا تداخل با سایر اسکریپتها، با حجم بسیار پایین نصب و اجرا میشود.
چگونه کار میکند؟
• پس از نصب و کلیک روی آیکون افزونه، حالت Inspect فعال میشود.
• با هاور روی هر المان، پنجرهٔ پاپآپ در کنار آن باز شده و CSS آن را نشان میدهد.
• با کلیک روی «کپی CSS» میتوانید فوری کد را در کلیپبورد ذخیره کنید.
• با کلیک مجدد روی دکمه توقف یا خروج از حالت هاور همه چیز به حالت عادی بازمیگردد.
چرا CSS Inspector Popup؟
✓ سرعت در کار: بدون جابهجایی بین پنجرهها و تبها، CSS را ببینید و کپی کنید.
✓ دقت بالا: نمایش دقیق سلسلهمراتب سلکتور و مدیا کوئریها.
✓ مناسب همه: چه شما طراح باشید، چه توسعهدهنده فرانتاند، این ابزار سادهترین راه برای دسترسی به استایلهاست.
✓ رایگان و متنباز: بدون هزینه و با امکان سفارشیسازی کد.
همین حالا افزونه را نصب کنید و جریان طراحی و توسعهٔ وب را متحول کنید!
