移动本机浏览器检测脚本

Question

我想编写脚本来检测不支持css 100vh值的移动浏览器：

var is_android = ((nua.indexOf('Mozilla/5.0') > -1 
                && nua.indexOf('Android ') > -1 
                && nua.indexOf('AppleWebKit') > -1) 
                && !(nua.indexOf('Chrome') > -1));

if (is_android) {
  document.write('<link rel="stylesheet" type="text/css" href="moz5.css">');
} else {
  document.write('<link rel="stylesheet" type="text/css" href="maxi.css">');
}

这段代码应该针对Android原生浏览器，但也是针对IE手机。

更好的JS方式是针对移动浏览器还是所有不支持css 100vh和100vw值的浏览器？

Answer 1

最好使用功能检测而不是浏览器/设备嗅探。您可以使用类似Modernizr的内容来执行此操作或查看他们如何执行此操作here。