چطور وب سایتم را در مروگرهای قدیمی بدون هیچ مشکلی نمایش دهم؟

یکی از مشکلاتی که بعد از معرفی HTML۵ برای طراحی وب سایت به وجود آمد پشتیبانی مرورگرهای قدیمی علی الخصوص مرورگر IE از این تکنولوژی بود راحل های بسیاری پیشنهاد شد هم از طرف شرکت های سازنده و هم از بقیه افراد ولی با این وجود برخی از کاربران به نابه دلایلی از همان مرورگر قدیمی خود استفاده می‌کردند لذا طراحان وب دست به کار شدند تا کیفیت محصولات خود را حفظ کنند که موجب به وجود آمدن کتابخانه هایی شد که می‌توان با الحاق این کتابخانه ها در فایلهای HTML مشکل به وجود آمده را حل کرد.

کتابخانه HTML5shiv


یکی از این کتابخانه ها HTML۵shiv می باشد.HTM5shiv کدهای جاوااسکریپت و سی اس اس لازم برای پشتیبانی مرورگرهای قدیمی از جمله IE6…IE9,Safari4.x, FF 3.x را به کدهای شما اضافه می‌کند.
نحوه ی استفاده از این کتابخانه به صورت زیر می‌باشد.

<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->

دقت کنید که این تگ شرطی باید آخرین تگ در داخل تگ head باشه.

برای مطالعه‌ی بیشتر در مورد html5shiv به صفحه‌ی گیت هاب این کتابخانه مراجعه نمایید.
لطفا نظرات خود را با ما در میان بگذارید.

کتابخانه‌ی مدرنایزر

یکی دیگر از کتابخانه هایی که میتونه مشکلات نمایش وب سایت در مرورگرهای قدیمی را حل کنه کتابخانه ی جاوااسکریپت modernizr است.مدرنایزر یک مجموعه از تستهای سریع موقع لود وب سایت شما در مرورگر کاربر انجام می‌دهد سپس با استفاده از نتایج به دست آمده کلاس ها و اجزاء خاصی را به کدهای فرانت اند وب سایت اضافه می کند تا وب سایت شما به صورت مناسب در مرورگر کاربر نمایش داده بشه.

چرا باید از مدرنایزر(modernizr) استفاده کنیم؟

تمامی توسعه دهندگان وب سایت با انواع مختلفی از مرورگر ها مواجه هستند که این مرورگرها عملکردهای بسیار متفاوتی در مقابل کدهای یکسان دارند تا جایی که این تفاوت در عملکرد در ورژنهای مختلف یک مرورگر دیده میشه. برخی ویژگی به آخرین ورژن مرورگرها اضافه میشه که ورژنهای قدیمی از اونها پشتیبانی نمی‌کنند با این حال توسعه دهندگان از امکانات و ویژگی های ارائه شده در ورژن های جدید استفاده می کنند و انتظار دارند وب سایت مورد نظر در تمامی مرورگرها اعم از مرورگرهای قدیمی و دیگر مرورگرها که ویژگی های جدید در آنها گنجانده نشده به درستی نمایش داده بشه.چاره‌ی کار استفاده از کتابخانه ی جاوا اسکریپت مدرنایزر است. مدرنایزر بعد از اسکن مرورگر کاربر کدهایی به وب سایت شما اضافه می‌کند که این کدها باعث میشه وب سایت شما به درستی نمایش داده بشه.

دیدگاه خود را بنویسید