判断浏览器(微信、微博、QQ)、操作系统、横竖屏等
2016-04-22 18:18
531 查看
以下都是干货,没有别的费话,相信搞过前端的都懂得一些,这里只是记录了一遍,以便在忘时查阅,十分有用,希望对你有所帮助,代码如下:
一、根据浏览器判断URL跳转
二、低版本IE判断
三、判断横屏还是竖屏
四、监测浏览器是android的还是ios的
五、判断手机类型
六、判断操作系统
七、判断APP浏览器(微信、微博、QQ、android、ios)
谢谢关注~
一、根据浏览器判断URL跳转
var browserOfMobile = { wapUrl: 'http://m.baidu.com', versions:function(){ var u = navigator.userAgent; return { //mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否为移动终端 mobile: u.match(/(iPhone|iPod|Android|ios|iPad)/i), }; }() } if (browserOfMobile.versions.mobile && browserOfMobile.wapUrl != '') { location.href = browserOfMobile.wapUrl; }
二、低版本IE判断
(function() { if(navigator.userAgent.indexOf('MSIE') != -1) { var ieBrowser = navigator.userAgent.split(';')[1]; if(ieBrowser.indexOf('MSIE') != -1 && parseInt(($.trim(ieBrowser)).substr(5)) < 9.0) { window.location.href = 'browser_download.html'; } } }());
三、判断横屏还是竖屏
function orient() { if (window.orientation == 0 || window.orientation == 180) { $("body").attr("class", "portrait"); orientation = 'portrait'; return false; } else if (window.orientation == 90 || window.orientation == -90) { $("body").attr("class", "landscape"); orientation = 'landscape'; return false; } }
四、监测浏览器是android的还是ios的
var browser = { versions: function() { var u = navigator.userAgent; 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() } if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) { window.location="https://itunes.apple.com/xxx"; } else if (browser.versions.android) { window.location="http://xxx/xxx.apk"; } // 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);
五、判断手机类型
window.onload = function () { var u = navigator.userAgent; if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { //安卓手机 alert("安卓手机"); } else if (u.indexOf('iPhone') > -1) { //苹果手机 alert("苹果手机"); } else if (u.indexOf('Windows Phone') > -1) { //winphone手机 alert("winphone手机"); } }
六、判断操作系统
function detectOS() { var sUserAgent = navigator.userAgent; var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows"); var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel"); if (isMac) return "Mac"; var isUnix = (navigator.platform == "X11") && !isWin && !isMac; if (isUnix) return "Unix"; var isLinux = (String(navigator.platform).indexOf("Linux") > -1); if (isLinux) return "Linux"; if (isWin) { var isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1; if (isWin2K) return "Win2000"; var isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || sUserAgent.indexOf("Windows XP") > -1; if (isWinXP) return "WinXP"; var isWin2003 = sUserAgent.indexOf("Windows NT 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1; if (isWin2003) return "Win2003"; var isWinVista= sUserAgent.indexOf("Windows NT 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1; if (isWinVista) return "WinVista"; var isWin7 = sUserAgent.indexOf("Windows NT 6.1") > -1 || sUserAgent.indexOf("Windows 7") > -1; if (isWin7) return "Win7"; } return "other"; } document.writeln("您的操作系统是:" + detectOS());
七、判断APP浏览器(微信、微博、QQ、android、ios)
var ua = navigator.userAgent.toLowerCase();//获取判断用的对象 if (ua.match(/MicroMessenger/i) == "micromessenger") { //在微信中打开 } if (ua.match(/WeiBo/i) == "weibo") { //在新浪微博客户端打开 } if (ua.match(/QQ/i) == "qq") { //在QQ空间打开 } if (browser.versions.ios) { //是否在IOS浏览器打开 } if(browser.versions.android){ //是否在安卓浏览器打开 }
谢谢关注~
相关文章推荐
- 培训机构微信在线报名
- 微信支付后默认关注公众号
- iOS- 微信支付 (服务器调起支付 )以及回调不成功的原因 不看后悔
- 微信支付:curl出错,错误码:60
- 微信刷步の悦动圈
- 微信电脑版2016 v2.0.0.80 官方正式版
- 毕设 微信分享
- file_get_contents微信头像等待时间过长的原因
- Android支付——微信支付总结
- 多个域名使用微信获取用户信息的解决办法
- 关于手机微信的聊天记录在手机中的存放位置及关系
- 微信数据分析
- 社交还是办公?钉钉的对手是微信还是金蝶
- 微信公众号——OAuth2.0网页授权
- 微信支付中容易出错的问题 统一下单超时,速度慢
- 微信支付的那些坑!
- 微信支付--WeixinJSBridge--验证通过
- 微信JSSDK_支付的使用,验证成功
- 微信分享sdk 提示: 登录游戏的微信帐号与当前微信帐号不一致,是否继续
- 微信OAuth2.0网页授权接口