javascript - 移动原生浏览器检测脚本

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 native 浏览器，但也针对 IE 移动版。

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

Answer 1

最好使用特征检测而不是浏览器/设备嗅探。你可以使用类似 Modernizr 的东西这样做或看看他们是怎么做的here .