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吗?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏