專門針對Android設備

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.