css能判断手机是安卓还是ios吗?

前端写web页面的时候会遇到安卓手机与iOS手机页面展示不一样,还有就是在写APP的时候,此时就会遇到判断手机类型。那么css能够判断手机类型是安卓还是ios吗?

css能判断手机是安卓还是ios吗?

css不能判断手机是安卓还是ios,css只能通过媒体查询判断屏幕宽度。判断是安卓还是ios需要使用javascript。

下面我们来看看使用javascript判断手机类型的代码(相关课程推荐:JS视频教程

// 判断安卓
function isAndroid() {
    var u = navigator.userAgent;
    if (u.indexOf("Android") > -1 || u.indexOf("Linux") > -1) {
        if (window.ShowFitness !== undefined) return true;
    }
    return false;
}
// 判断设备为 ios
function isIos() {
    var u = navigator.userAgent;
    if (u.indexOf("iPhone") > -1 || u.indexOf("iOS") > -1) {
        return true;
    }
    return false;
}

使用方法很简单

if( isAndroid() ) {
    alert('android');
}else if ( isIos() ) {
    alert('ios');
}else{
    alert('未知')
}

本文来自css3答疑栏目,欢迎学习!

以上就是css能判断手机是安卓还是ios吗?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读