DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js判斷手機浏覽器操作系統和微信浏覽器的方法
js判斷手機浏覽器操作系統和微信浏覽器的方法
編輯:關於JavaScript     

今天就為大家介紹一下用js判斷手機客戶端平台及系統平台的方法:

<script type="text/javascript">
//手機端判斷各個平台浏覽器及操作系統平台
function checkPlatform(){
	if(/android/i.test(navigator.userAgent)){
		document.write("This is Android'browser.");//這是Android平台下浏覽器
	}
	if(/(iPhoneiPadiPodiOS)/i.test(navigator.userAgent)){
		document.write("This is iOS'browser.");//這是iOS平台下浏覽器
	}
	if(/Linux/i.test(navigator.userAgent)){
		document.write("This is Linux'browser.");//這是Linux平台下浏覽器
	}
	if(/Linux/i.test(navigator.platform)){
		document.write("This is Linux operating system.");//這是Linux操作系統平台
	}
	if(/MicroMessenger/i.test(navigator.userAgent)){
		document.write("This is MicroMessenger'browser.");//這是微信平台下浏覽器
	}
}
 $(document).ready(function(){
  alert(navigator.platform);
  checkPlatform();
 });
</script>

注意上面的代碼使用了jquery。需要加載jquery才可以運行。當然你可以把觸發函數給刪除了

在這裡就不做pc端操作系統平台的判斷了,怎麼判斷也說下方法,如用document.write(navigator.platform);就可以獲得操作系統平台。在win32下就會顯示Win32,;在Win64下就會顯示Win64等。

下面小編為大家補充幾個不錯的函數

<script type="text/javascript">
var browser = {
	versions : function () {
		var u = navigator.userAgent,
		app = navigator.appVersion;
		return {
			trident : u.indexOf('Trident') > -1,
			presto : u.indexOf('Presto') > -1,
			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/),
			android : u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
			iPhone : u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,
			iPad : u.indexOf('iPad') > -1,
			webApp : u.indexOf('Safari') == -1,
			QQbrw : u.indexOf('MQQBrowser') > -1,
			weiXin : u.indexOf('MicroMessenger') > -1,
			ucLowEnd : u.indexOf('UCWEB7.') > -1,
			ucSpecial : u.indexOf('rv:1.2.3.4') > -1,
			ucweb : function () {
				try {
					return parseFloat(u.match(/ucweb\d+\.\d+/gi).toString().match(/\d+\.\d+/).toString()) >= 8.2
				} catch (e) {
					if (u.indexOf('UC') > -1) {
						return true;
					} else {
						return false;
					}
				}
			}
			(),
			Symbian : u.indexOf('Symbian') > -1,
			ucSB : u.indexOf('Firefox/1.') > -1
		};
	}
	()
}
if (browser.versions.QQbrw){
document.write("qq浏覽器");
}else
{
document.write("其它浏覽器");
}
</script>

親測,非常好用。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved