PDA

View Full Version : نحوه استفاده از Modernizr 2.6.2.js



morteza_mokhtari
دوشنبه 16 بهمن 1391, 21:40 عصر
سلام دوستان بنده تویه سایتم چند تا قالب قرار دادم که یکی از آنها با html ,css هستش و دو تای آنها با Html5 , css3 هستش قالب پیش فرض قالبی هست که تویه اون از html5 , css3 استفاده شده (border-radios,box-shadow,gradient, article ,nav , header, footer) حالا مخوام اگه کاربری که از سایت بازدید میکنه مرورگری که استفاده میکنه از تگ هایی که بالا نوشتم پیشتبانی نمیکنه با یک هشدار بهش بگم که مرورگرش از موارد گفته شده پیشتیبانی نمیکنه و با کلیک رویه یک لینک قالب سایت رو به قالب اول تغییر بدم یه کم جستجو کردم به modernizr برخوردم که میتونه این کار رو بکنه فقد نحوه استفاده ازش رو بلد نیستم و چطوری میتونم باهاش اگه مرورگرش موارد گفته شده رو رعایت نمیکنه یک تابع جاوااسکریپت رو اجرا کنم با تشکر از شما.

2undercover
سه شنبه 17 بهمن 1391, 14:08 عصر
می تونید از کامنت های شرطی (http://farnabaz.4paye.ir/content/%DA%A9%D8%A7%D9%85%D9%86%D8%AA-%D9%87%D8%A7%DB%8C-%D8%B4%D8%B1%D8%B7%DB%8C-%D9%88-%DA%A9%D8%AF-%D9%87%D8%A7%DB%8C-%D9%85%D8%AE%D8%B5%D9%88%D8%B5-ie) هم استفاده کنید!

jalil_gh
چهارشنبه 25 بهمن 1391, 13:10 عصر
فقط اینترنت اکسپلورر قبل از نسخه 9 از تگ های html5 پشتیبانی نمیکنه. نسخه های قدیمی بقیه مرورگرها هم اگه تگی براش تعریف نشده باشه مثل تگ خالی <div> با اون برخورد می کنه. راه حلی که برای اینترنت اکسپلورر پیشنهاد میشه همونطور که 2undercover بهش اشاره کرده از کامنت های شرطیه.
شما میتونید این قطعه کد رو در قسمت head قرار بدید تا مشکل حل بشه و دیگه نیازی ندارید که دو تا قالب جدا داشته باشید.


<!--[if lte IE 9]>
<script type='text/javascript'>
document.createElement(article);
document.createElement(nav);
document.createElement(header);
document.createElement(footer);
</script>
<![endif]-->

این قطعه کد به اینترنت اکسپلورر میگه که اگه نسخه مرورگرش از 9 کمتره این قطعه کد رو اجرا کنه.
در مورد css3 اگه مرورگری از یک سری دستورات پشتیبانی نکنه دیگه نمیشه کاریش کرد.