淘宝程序员写的返回移动终端浏览器版本信息代码

作者：管理员

发布时间：2013/11/23 10:31:27

评论数：1

转载请自觉注明原文：http://www.jq-school.com/Show.aspx?id=371

此文章是在查看阿里第一款独立于电商业务之外的社交产品“来往”的时候整理出来的，主要是原生javascript返回移动终端浏览器版本信息(兼容所有浏览器)，代码写得非常整洁，注释写得非常详细，网友们好好去看一下，值得收藏。

“来往”是阿里推出的即时通讯软件，也是阿里第一款独立于电商业务之外的社交产品，其核心功能是实现熟人之间的社交。除了语音、文字等基本的通讯功能之外，“来往”支持“阅后即焚”。

“来往”不仅是移动端产品，更是一个针对个人用户的新一代友好互动平台。它把人们的社交、生活和消费等不同的应用场景链接起来。这个平台将会依托于整个阿里庞大的用户基数，以及过亿的手机淘宝和旺信用户之间的互动需求，打造出新的无线应用场景。

“来往”是阿里巴巴集团全力打造的一款新一代好友互动应用。

来往是阿里巴巴推出的即时通讯应用，并支持状态分享功能，可以与好友时刻保持联系。公众账号功能的上线也吸引了众多大v加入，用户可以随时关注他们的来往动态。

苹果用户们，如今也可以在自己的手机中使用到拥有涂鸦功能的来往啦。微信，即使上线新版的来往，也未必能引来很多的用户。

javascript代码如下：

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.*/), //是否为移动终端
			ios: !! u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
			android: u.indexOf('Android') > -1, //android终端
			iPhone: u.indexOf('iPhone') > -1, //是否为iPhone
			iPad: u.indexOf('iPad') > -1 //是否iPad
		};
	}(),
	language: (navigator.browserLanguage || navigator.language).toLowerCase()
}

var timer = null;
var mobileSafari = (/iPhone/i.test(navigator.platform) || /iPod/i.test(navigator.platform) || /iPad/i.test(navigator.userAgent)) && !!navigator.appVersion.match(/(?:Version\/)([\w\._]+)/);
// iOS客户端
if (browser.versions.iPhone || browser.versions.iPad) {
	if(mobileSafari){
		document.getElementById('openIOSApp').onclick = function(e){
			var ifr = document.createElement('iframe');
			ifr.src = "laiwang://from/" ;
			ifr.style.display = 'none';
			document.body.appendChild(ifr);
			window.setTimeout(function(){
				document.body.removeChild(ifr);
			},800)
		};
		var e = document.createEvent("MouseEvents");
		e.initEvent("click", true, true);
		document.getElementById("openIOSApp").dispatchEvent(e);
	}
}
//android客户端
else if (browser.versions.android) {
	/*var ifr = document.createElement('iframe');
	 ifr.src = 'laiwang://mainpage';
	 ifr.style.display = 'none';
	 document.body.appendChild(ifr);
	 window.setTimeout(function(){
	 document.body.removeChild(ifr);
	 },1000);*/
}
var b = document.getElementsByTagName('body')[0]
if(browser.versions.android){
	b.className="lw-android"
}else if(browser.versions.iPhone || browser.versions.iPad){
	b.className="lw-ios"
}

关键字：CSS3