JS判斷設備以及區別不同瀏覽器(微信、手機等)

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JS區別不同瀏覽器(微信、手機等)</title>
</head>
<body>
	<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script type="text/javascript">
/*
* 智能機瀏覽器版本信息:
* Add by zeke
* Add date 2015-03-01
*
*/
var browser = {
    versions: function() {
        var u = navigator.userAgent, app = navigator.appVersion;
        var ua = window.navigator.userAgent.toLowerCase();
        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/) && !u.match(/iPad/), //ios終端,不包含ipad
            blackberry:/BlackBerry/i.test(navigator.userAgent),
            android: (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) && u.indexOf('Mobile') > -1, //android終端或者uc瀏覽器,去除pad
            iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否爲iPhone或者QQHD瀏覽器
            iPad: u.indexOf('iPad') > -1, //是否iPad
            webApp: u.indexOf('Safari') == -1 ,//是否web應該程序,沒有頭部與底部
            phoneApp: u.indexOf('VPiao_App') != -1, //判斷是否是app使用
            weixin: u.toLowerCase().match(/MicroMessenger/i) == 'micromessenger'//微信瀏覽器內核
        };
    }(),
    language: (navigator.browserLanguage || navigator.language).toLowerCase()
};
document.writeln("語言版本: "+browser.language + '<br />');
document.writeln(" 是否爲移動終端: "+browser.versions.mobile + '<br />');
document.writeln(" weixin: "+browser.versions.weixin + '<br />');
document.writeln(" phoneApp: "+browser.versions.phoneApp + '<br />');
document.writeln(" webApp: "+browser.versions.webApp + '<br />');
document.writeln(" iPad: "+browser.versions.iPad + '<br />');
document.writeln(" iPhone: "+browser.versions.iPhone + '<br />');
document.writeln(" android: "+browser.versions.android + '<br />');
document.writeln(" blackberry: "+browser.versions.blackberry + '<br />');
document.writeln(" ios: "+browser.versions.ios + '<br />');
document.writeln(" gecko: "+browser.versions.gecko + '<br />');
document.writeln(" webKit: "+browser.versions.webKit + '<br />');
document.writeln(" presto: "+browser.versions.presto + '<br />');
document.writeln(" trident: "+browser.versions.trident + '<br />');
	</script>
</body>
</html>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章