卖坚果的怪叔叔 卖坚果的怪叔叔
  • 首页
  • 生活
  • 技术
  • 记录
  • 工具箱
  • 关于我
首页 › 技术 › Jquery判断手机浏览器版本

Jquery判断手机浏览器版本

坚果大叔
2018-09-20 17:54:28技术阅读 2,628

判断当前设备是移动端还是PC端,以作不同操作

function brower(){
    var browser = getBrowserInfo() ;
    //alert(browser); 
    var verinfo = (browser+"").replace(/[^0-9.]/ig,""); 
    if (verinfo=='7.0' || verinfo=='8.0' || verinfo=='6.0') {
        alert("温馨提示:为了您的浏览体验请使用IE9及以上版本。如果您使用的是360浏览器或QQ浏览器等,请点击地址栏尾端的IE图标切换至【极速模式】");
    }
}
function getBrowserInfo(){
    var agent = navigator.userAgent.toLowerCase() ;
    var regStr_ie = /msie [\d.]+;/gi ;
    var regStr_ff = /firefox\/[\d.]+/gi
    var regStr_chrome = /chrome\/[\d.]+/gi ;
    var regStr_saf = /safari\/[\d.]+/gi ;
    //IE
    if(agent.indexOf("msie") > 0){return agent.match(regStr_ie) ;}
    //firefox
    if(agent.indexOf("firefox") > 0){return agent.match(regStr_ff) ;}
    //Chrome
    if(agent.indexOf("chrome") > 0){return agent.match(regStr_chrome) ;}
    //Safari
    if(agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0){return agent.match(regStr_saf) ;}
}

//手机端|电脑端
function browserRedirect() { 
    var sUserAgent= navigator.userAgent.toLowerCase(); 
    var bIsIpad= sUserAgent.match(/ipad/i) == "ipad"; 
    var bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os"; 
    var bIsMidp= sUserAgent.match(/midp/i) == "midp"; 
    var bIsUc7= sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; 
    var bIsUc= sUserAgent.match(/ucweb/i) == "ucweb"; 
    var bIsAndroid= sUserAgent.match(/android/i) == "android"; 
    var bIsCE= sUserAgent.match(/windows ce/i) == "windows ce"; 
    var bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile"; 
    if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { 
        document.getElementById("a").style.display="block";
        document.getElementById("b").style.display="none";
    } else { 
        document.getElementById("b").style.display="block";
        document.getElementById("a").style.display="none";
    } 
} 
window.onload=function(){browserRedirect();}
var browser = {
    versions: function () {
        var u = navigator.userAgent, app = navigator.appVersion;
        return {//移动终端浏览器版本信息 
            trident: u.indexOf('Trident') > -1, //IE内核
            presto: u.indexOf('Presto') > -1, //opera内核
            webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
            mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
            iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
            iPad: u.indexOf('iPad') > -1, //是否iPad
            webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
        }; 
    }(), 
    language: (navigator.browserLanguage || navigator.language).toLowerCase() 
}        //document.writeln("语言版本: "+browser.language);
//document.writeln(" 是否为移动终端: "+browser.versions.mobile);
//document.writeln(" ios终端: "+browser.versions.ios);
//document.writeln(" android终端: "+browser.versions.android);
//document.writeln(" 是否为iPhone: "+browser.versions.iPhone);
//document.writeln(" 是否iPad: "+browser.versions.iPad);
//document.writeln(navigator.userAgent);
Jquery 浏览器
赞赏 赞(0)
本文系作者 @坚果大叔 原创发布在 卖坚果的怪叔叔。未经许可,禁止转载。
CSS实现网格背景!
上一篇
移动端常见布局方式
下一篇
在小程序中查看

这是个😊,挣点服务器费用😜

热门文章
CSS实现网格背景!
ES6入门之Symbol
解决Ubuntu下Chrome中文字体混乱问题
七夕呀
Python基础教程之list和tuple
使用 Clash 加速同一局域网下的其他设备
专题标签
agent (1) CSS (15) dom (1) Es6入门系列 (14) Git (3) html (1) iview (1) JavaScript (9) js (4) Lif (1) Node (4) pyecharts (1) Python (10) ref (1) scriptable (1) Skill (1) vsCode (1) vue (4) wordpress (2) 三月 (1) 上海 (1) 假期 (1) 其他分享 (3) 前端两三问 (15) 古镇 (1) 外滩 (1) 对象 (1) 小程序 (5) 年度总结 (6) 年终总结 (1) 微信机器人 (4) 打字机 (1) 技术 (1) 日常问题 (8) 日常问题记录 (1) 春天 (2) 服务器 (2) 海族馆 (1) 生活 (8) 网上国网 (1) 记录 (3) 通勤 (1) 重学JavaScript (11) 面试题 (10) 🌸 (1)
幼小衔接启蒙助手更新 v2.0.30
2026-09-20 22:13:00
525 1 0
什么是Agent?
2026-08-15 23:49:12
1,049 1 2
什么是 Skill?
2026-08-12 21:32:42
964 1 0
失业在家,我给小朋友做了一个练字小程序!
2026-08-07 16:21:52
1,826 10 1
  • 0
博主

一位佛系的前端开发者,略通摄影,乐于尝试新事物,热衷于美食。

友链
故事胶片
公众号
坚果大叔 执行上下文 卖坚果的怪叔叔 Dacking
Copyright © 2017-2026 卖坚果的怪叔叔

开往-友链接力

萌ICP备20230818号

苏ICP备18048410号-3
  • 首页
  • 生活
  • 技术
  • 记录
  • 工具箱
  • 关于我
# CSS # # JavaScript # # vue # # 微信 # # 生活 #
坚果大叔
347
文章
173
评论
434
喜欢