文章目录
  1. 1. 代码
  2. 2. navigator对象

最近帮朋友做一个微信页面,需要监测手机是什么系统,区分ios和android系统跳转到不同的页面。下面直接给出相关代码

代码

<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) {

        //当检测到系统是ios或者iphone或者ipad时。
        window.onload=function()
        {
            //通过id(link1)获取到相应的标签
           var link1=document.getElementById("link1");
           link1.onmouseover=function()
           {
                 //设置标签的链接地址
              this.setAttribute("href","http://www.google.com");
           }

        } 
    }
    else if (browser.versions.android) {
       。。。。。。
    }
</script>

浏览器对象,包含了正在使用的 Navigator 的版本信息。反映了当前使用的浏览器的资料。JavaScript 客户端运行时刻引擎自动创建 navigator 对象。

包含的属性有:

appCodeName 返回浏览器的“码名”(?),流行的 IE 和 NN 都返回 'Mozilla'。
    下面的例子显示了 appCodeName 属性的值:
    document.write("navigator.appCodeName 的值是" + navigator.appCodeName)

appName 返回浏览器名。IE 返回 'Microsoft Internet Explorer',NN 返回 'Netscape'。
    下面的例子显示了 appName 属性的值:
    document.write("navigator.appName 的值是 " + navigator.appName)

appVersion 返回浏览器版本,包括了大版本号、小版本号、语言、操作平台等信息。

language 语言

mimeType 以数组表示所支持的MIME类型

platform 返回浏览器的操作平台,对于 Windows 9x 上的浏览器,返回 'Win32'(大小写可能有差异)。

userAgent 返回以上全部信息。例如,IE5.01 返回 'Mozilla/4.0 (compatible; MSIE 5.01; Windows 98)'。

plugins 以数组表示已安装的外挂程序

javaEnabled() 返回一个布尔值,代表当前浏览器允许不允许 Java。
文章目录
  1. 1. 代码
  2. 2. navigator对象