Question

如何在不打扰iOS设备的情况下专门定位Android设备？

我知道我们可以使用

定位移动设备

 @media all and (max-width: 320px) { }<br/>
 @media all and (min-width: 321px) and (max-width: 640px) { }<br/>
 @media all and (max-width: 641px) and (max-width: 768px) { }

但我不希望通过获取屏幕分辨率这样做。相反，我想通过专门基于css加载不同的Android来实现。

Answer 1

您可以查看userAgent：

if (navigator.userAgent.toLowerCase().match(/android/)) {
    console.log("uses android")
    //alert("uses android"), load your css here.
    } else if (navigator.userAgent.toLowerCase().match(/iphone/) || navigator.userAgent.toLowerCase().match(/ipad/)) {
        console.log("uses iphone") //load your css here
    } else { 
    //alert("browser, blackberry or whatever") load your css here
    }

<强>更新

Jsfiddle：There you go.

专门针对Android设备

1 个答案: