مقالات طراحی سایت

شاید برای شما این پرسش مطرح شود که این دو فایل برای چیست و چه کاربردی دارد؟

خیلی از پیاده سازها برای کد سی اس اس از پیش پردازنده های CSS نظیر Sass، Less یا Stylus کار میکنند. از آنجایی که فایل های CSS تولید میشوند، ویرایش مستقیم CSS خیلی مفید نیست.

برای پیش پردازنده هایی که از مپ سورس CSS پشتیبانی میکند، ابزار DevTools به شما این اجازه را میدهد تا بصورت زنده پیش پردازنده خود را ویرایش کنید یا صفحه را refresh کنید. زمانی که بخواهید یک المانی را که توسط Less یا Sass تولید شده است اینسپکت کنید، پنل المان ها لینکی به فایل سورس اصلی نشان میدهد و نه به فایل .css تولید شده.

هدف اصلی فایل map لینک دادن سورس css به سورس less در ابزار dev tool کروم است. اگر با ابزار dev tool در کروم کار میکنید میتوانید کد سورس css را ببینید. ولی اگر فایل map را در صفحه اضافه کنید میتوانید کد less که بر روی این المان اعمال شده است را نیز ببینید.

اگر فایل .map به شما خطا میدهد آنرا از سورس css خود حذف کنید:

/*# sourceMappingURL=bootstrap.css.map */  

محمد صالح کاتبی پانزدهم آپریل 2015