سلام
اگه برای پروژه های تجاری می خواید استفاده کنید، بهترین راه استفاده از کتابخانه ی جاوااسکریپتی Modernizr هست. این کتابخونه، متن بازه و کار توسعه دهنده رو برای فرآیند های مدرن طراحی وب، راحت تر کرده.
شیوه ی کار هم به این صورته:
<!DOCTYPE html>
<html class "no-js">
<head>
<meta charset="utf-8">
<title>می خوایم بدونیم آیا ویژگی بوم طراحی در مرورگر کاربر، پشتیبانی می شود یا خیر</title>
<script src="modernizr.js">
function SetCanvas() {
if (Modernzr.Canvas) {
//یه یه دایره ی آبی رسم کن
}
else {
// پیامی رو روی صفحه نمایش بده مبنی بر این که مرورگر از این ویژگی پشتیبانی نمی کند
}
}
</script>
</head>
<body>
// حالا از این قسمت می تونیم بوم طراحی رو بارگذاری کنیم و کار رو ادامه بدیم.
...
</body>
</html>
