码迷,mamicode.com
首页 > 移动开发 > 详细

获取浏览器版本,已实现辨别是苹果系统还是安卓系统

时间:2016-05-16 12:36:53      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>
</body>
</html>
<script type="text/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.*/) || !!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) {
        alert("是苹果系统");
    }
    else if (browser.versions.android) {
        alert("是安卓系统");
    }
</script>

  

获取浏览器版本,已实现辨别是苹果系统还是安卓系统

标签:

原文地址:http://www.cnblogs.com/pangjie/p/5497493.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!