判断浏览器（微信、微博、QQ）、操作系统、横竖屏等

以下都是干货，没有别的费话，相信搞过前端的都懂得一些，这里只是记录了一遍，以便在忘时查阅，十分有用，希望对你有所帮助，代码如下：

一、根据浏览器判断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, //是否iPadwebApp: 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){//是否在安卓浏览器打开
}

欢迎关注分享录：http://fenxianglu.cn/

判断浏览器（微信、微博、QQ）、操作系统、横竖屏等相关推荐

快速接入微信微博QQ钉钉原生登录分享
使用微博.QQ.微信.钉钉原生 SDK 接入,提供这些平台的登录.分享功能支持.针对业务逻辑对各个平台的接口进行封装,对外提供一致的表现,在减轻接入压力的同时,又能获得原生 SDK 最大的灵活性. ...
「开源」快速接入微信微博QQ钉钉登录分享
使用微博.QQ.微信.钉钉原生 SDK 接入,提供这些平台的登录.分享功能支持.针对业务逻辑对各个平台的接口进行封装,对外提供一致的表现,在减轻接入压力的同时,又能获得原生 SDK 最大的灵活性. ...
《社交红利》读书总结--如何从微信微博QQ空间等社交网络带走海量用户、流量与收入...
<社交红利--如何从微信微博QQ空间等社交网络带走海量用户.流量与收入>--徐志斌著 <社交红利>这本书2013年9月才上市,卖的非常火. 我最初是在公司内部的期刊上,看到有 ...
类似微信,微博,QQ的头像截图功能, 图片支持缩放
类似微信,微博,QQ的头像截图功能, 图片支持缩放, 不多说了, 直接上源码! http://pan.baidu.com/s/1gdJxb03
《社交红利》读书总结--如何从微信微博QQ空间等社交网络带走海量用户、流量与收入
<社交红利--如何从微信微博QQ空间等社交网络带走海量用户.流量与收入>--徐志斌著 <社交红利>这本书2013年9月才上市,卖的非常火. 我最初是在公司内部的期刊上,看到有 ...
封装微信微博QQ分享lib快速使用
上次封装了分享图片资源的处理趁着有空把分享功能进行了整合封装 ShareLib 集成微信微博QQ分享功能 1.接入工程在主工程的build.gradle 中添加maven仓库地址 maven { ...
js判断是微信、QQ内置浏览器打开页面
var ua = navigator.userAgent.toLowerCase();if(ua.match(/MicroMessenger/i)=="micromessenger" ...
wex5插件追加下载文件预览文件微信微博QQ分享
documenthandler插件使用方法目录 1.概述 2.JS调用方法 3.注意事项概述 documenthandler插件的功能是下载指定url的文件并使用系统注册过的应用打开.支持Andr ...
android 实现微博分享,分享到微信微博QQ的简单实现(二)
NOTE:这只是简单的实现,没有使用各自的SDK.基本思路是通过包名和类名来直接操作的.如果app修改了名字,可能就需要对应的修改报名和类名. 之前有分享到微信,QQ的代码,自行查找,就在上一篇博客. ...
js判断识别微信或QQ浏览器
//是否微信 isWx: function() { var ua = navigator.userAgent.toLowerCase(); return ua.match(/MicroMessenge ...

判断浏览器（微信、微博、QQ）、操作系统、横竖屏等

判断浏览器（微信、微博、QQ）、操作系统、横竖屏等相关推荐

最新文章

热门文章