کتابخانه متن باز بر پایه جاوااسکریپت30صفحه
سایت اصلی modernizr توسط آقای Bruce Bowman به عنوان مدیر شرکت، تهیه شده و مدیریت می گردد. برای دریافت فایل و همچنین شرح کاملی از ویژگی ها و خصوصیات آن، می توان به سایت اصلی آن به نشانی www.modernizr.com مراجعه کرد. در این قسمت به توضیحات مبسوطی درباره چگونگی کارکرد، نصب و ... خواهیم پرداخت.
1-1.دانلود
با توجه به نیاز خود در قسمت دانلود سایت مذکور به آدرس www.modernizr.com/download مراجعه نموده و با انتخاب سرویس های مورد نیاز، نسبت به دانلود آنها اقدام می گردد. توسیه می شود انتخاب سرویس ها متناسب با نیاز صورت گرفته تا زمان کمتری برای لود شدن سایت، نیاز باشد. در صورتی که تمام سرویس ها را انتخاب و پکیج را دانلود گردد، زمان بیشتری برای بارگذاری سایت طراحی شده مورد نیاز خواهد بود.
modernizr یک کتابخانه کوچک جاوا اسکریپتی است. که قابلیت پیاده سازی محلی داشته و استفاده از فن آوری های وب نسل بعدی، یعنی ویژگی های HTML5 وCSS3 را به صورت بنیادی فراهم می کند. بسیاری از این ویژگی ها در حال حاضر حداقل در یک مرورگر بزرگ پشتیبانی شده و شاید در بسیاری از مرورگرها قابل اجرا باشند.modernizr به سادگی مشخص می کند که این ویژگی در مرورگر کنونی قابلیت اجراء دارد یا خیر.
برخلاف روش سنتی که تشخیص ویژگی ها توسط راهبر انجام شده و بسیار غیرقابل اعتماد نیز است که به نام «تنظیم توسط کاربر» معروف است، در این روشmodernizr به وسیله عامل navigator.userAgent ویژگی های واقعی و قابل اعتماد مرورگر استفاده شده توسط کاربر را شناسایی کرده و تشخیص می دهد، که مرورگر چه کارهایی را می تواند و چه کارهایی را پشتیبانی نکرده و نمی تواند انجام دهد. بعد از همه اینها، بعضی از موتورهای ارائه و رندر، شاید بعضی از ویژگی های لازم را پشتیبانی نکنند و برخی از کاربران مجبور به عوض کردن مرورگر خود برای مشاهده تمام قابلیت ها و ویژگی های جدید ارائه شده در وب سایت های توسعه یافته شوند. هدف modernizr پایان دادن به تشخیص و تنظیم توسط عامل کاربر است.
با استفاده از شناسایی تشخیص ویژگی های مرورگر که قابلیت اعتماد بالایی نیز دارد، به کاربران کمک می کند تا آنچه را که می توانند و نمی توانند را ایجاد کنند و modernizr به سادگی و راحتی خدمات زیر را به کاربران ارائه می دهد:
- تست بیش از 40 ویژگی نسل آینده در کمتر از یک میلی ثانیه
- ایجاد یک شی جاوا اسکریپتی به نام modernizr که حاوی نتایج تست های مرحله قبل به عنوان خواص بولی است.
- افزودن کلاس به عناصر HTML که توسط مرورگر موجود پشتیبانی نمی شوند.
- در نهایت یک برنامه لودر اسکریپتی تهیه شده که این امکان را می دهد تا قابلیت های موجود در مرورگرهای قدیمی نیز پشتیبانی و اجراء گردند.
با استفاده از این قابلیت که modernizr در اختیار قرار می دهد، می توان از مزایای ویژگی های جدید در مرورگرهایی که قابلیت اجراء آنها را دارند یا ندارند، استفاده کرده و به آسانی و با قابلیت اعتماد بالایی وضعیت مرورگرهایی که کنترل آنها را در اختیار نداریم، را کنترل کنیم.
1-1. نصب modernizr
در قسمت دانلود به نشانی www.modernizr.com/download رفته و با توجه به نیاز پروژه شما ویژگی های مورد نظر را انتخاب کرده و دانلود را انجام دهید. به این ترتیب سایت می تواند کمترین اندازه فایل (باریکترین بیت) که شما نیاز دارید را در اختیار شما قرار دهد. بنابراین شما به هدف خود که دریافت نسخه سفارشی از modernizr است، رسیده اید. اما اگر شما هنوز تصمیم نگرفته اید به چه امکاناتی نیاز دارید، همان نسخه توسعه یافته را دریافت کنید. توجه داشته باشید که این نسخه غیرفشرده است.
برچسب اسکریپت را در قسمت <head> کد HTML سایت خود اضافه نمائید. برای بهترین عملکرد شما باید آنها را بعد از منابع stylesheet بیاورید. قرارگیری modernizr در <head> به دو دلیل است:
- HTML5 Shiv اسکریپتی که عناصر HTML5 در IE را فعال می کند، باید قبل از <body> اجرا شود.
- برای جلوگیری از نمایش FOUCها (محتواهای بدون استایل از نوع فلش که به صورت ناخواسته اجراء شده و اکثر کاربران راضی به اجرای آنها نیستند.) بوسیله کلاس های CSSای که modernizr اضافه کرده است.
دانلود پروژه کتابخانه متن باز بر پایه جاوا اسکریپت
