Shareplus CSS Inspector | کروم اکستنشن استخراج و کپی سی اس اس وب سایت

معرفی افزونه «CSS Inspector Popup»

افزونه CSS Inspector Popup ابزاری سبک و کاربردی برای توسعه‌دهندگان و طراحان وب است که به‌صورت بلادرنگ و تنها با یک حرکت ماوس، تمام قواعد CSS هر المان درون صفحه را به‌صورت یک پنجرهٔ پاپ‌آپ زیبا و قابل کپی نمایش می‌دهد. دیگر نیازی به باز کردن DevTools و جستجوی طولانی در میان تب‌های استایل نیست!

ویژگی‌های کلیدی

1. نمایش لحظه‌ای CSSبا قرار دادن نشانگر ماوس روی هر المان، تمام پراپرتی‌ها و مقادیر CSS آن (رنگ‌ها، فاصله‌ها، فونت‌ها و …) در یک پاپ‌آپ ظاهر می‌شود.
2. کپی سریع و آسانکل استایل نمایش‌داده‌شده را تنها با یک کلیک روی دکمه «کپی CSS» در حافظه کلیپ‌بورد ذخیره کنید و بدون نیاز به تایپ دستی در پروژه‌تان بچسبانید.
3. رعایت سلسله‌مراتب و ساختاردر بالای پنجره مسیر کامل سلکتور (از تگ والد تا المان هدف) و ابعاد دقیق عرض و ارتفاع المان را می‌بینید.
4. پشتیبانی از Media Queries و شبه‌کلاس‌هاقواعد داخل @media و استایل‌هایی مثل :hover، :active یا :focus به‌صورت بلوک‌های مجزا و با رنگ‌بندی مخصوص نمایش داده می‌شوند.
5. رابط کاربری ساده و کم‌حجم بدون کند کردن صفحات یا تداخل با سایر اسکریپت‌ها، با حجم بسیار پایین نصب و اجرا می‌شود.

چگونه کار می‌کند؟

• پس از نصب و کلیک روی آیکون افزونه، حالت Inspect فعال می‌شود.

• با هاور روی هر المان، پنجرهٔ پاپ‌آپ در کنار آن باز شده و CSS آن را نشان می‌دهد.

• با کلیک روی «کپی CSS» می‌توانید فوری کد را در کلیپ‌بورد ذخیره کنید.

• با کلیک مجدد روی دکمه توقف یا خروج از حالت هاور همه چیز به حالت عادی بازمی‌گردد.

چرا CSS Inspector Popup؟

✓ سرعت در کار: بدون جابه‌جایی بین پنجره‌ها و تب‌ها، CSS را ببینید و کپی کنید.

✓ دقت بالا: نمایش دقیق سلسله‌مراتب سلکتور و مدیا کوئری‌ها.

✓ مناسب همه: چه شما طراح باشید، چه توسعه‌دهنده فرانت‌اند، این ابزار ساده‌ترین راه برای دسترسی به استایل‌هاست.

✓ رایگان و متن‌باز: بدون هزینه و با امکان سفارشی‌سازی کد.

همین حالا افزونه را نصب کنید و جریان طراحی و توسعهٔ وب را متحول کنید!