اگه امتحان کرده باشید واحد vw در مرورگر سفری دسکتاپ پشتیبانی نمیشه. شما با سختی یه قالب سایتی رو می نویسید بعد می بینید در مرورگر سفری دسکتاپ قالب شما درست نمایش داده نمیشه.بعضیا اعتقادشون اینه که یک سایت باید از همه ی مرورگرها پشتیبانی بکنه ولی من اعتقادم اینه که کسی که برای خودش اونقدر ارزش قائل نیست که بیاد و یه مرورگر درست و حسابی نصب بکنه و استفاده بکنه ما هم نباید به خاطر اون آدم به خودمون سختی بدیم. الان مرورگرهایی مثل کروم و فایرفاکس و حتی اپرا امکانات بهتری دارن چرا کسی باید بره مثلاً سفری نصب بکنه؟!
ما می تونیم وقتی مرورگری از یک سری دستور پشتیبانی نکرد پیغامی رو به کاربر نشون بدیم و ازش بخوایم یا مرورگرش رو به روز کنه یا از مرورگر بهتری استفاده بکنه:
<!DOCTYPE html>
<html dir="rtl" lang="fa">
<head>
<meta charset="utf-8">
<style type="text/css">
.ravandi{
border:1px #000000 solid;
}
</style>
<script type="text/javascript">
function tabe(){
document.getElementById("ravandi").style.width = "50vw";
if(document.getElementById("ravandi").style.width != "50vw"){
alert("مرورگر شما از این دستور پشتیبانی نمی کند.");
}
}
//http://barnamenevisi.blogsky.com
</script>
</head>
<body onload="tabe();">
<div id="ravandi" class="ravandi">
از مرورگر های پیشرفته ای چون : فایرفاکس ، کروم ، اپرا استفاده کنید.
</div>
</body>
</html>
در برنامه جاوا اسکریپت امدیم و یک عرضی رو به div با کمک واحد vw دادیم و بعد از اون شرطی رو گذاشتیم که اگر عرض div نامساوی با 50vw بود پیغامی رو نمایش بده. گفتم اگه پیغامی رو نمایش بدم که مرورگر شما سفری است در این صورت ممکنه در آینده این مرورگر به روز بشه. یا حتی ممکنه نسخه ی های قدیمی مثلاً اکسپلورر هم از vw پشتیبانی نکنه. برای همین نوشتم مرورگر شما از این دستور پشتیبانی نمی کند.
منتظر نظراتتون هستم.
متشکرم.
منبع مطلب :
http://barnamenevisi.blogsky.com