您的位置:首页 > Web前端 > JavaScript

通过js就可以判断当前页面是在什么浏览器打开的

2017-03-05 12:02 495 查看
<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <title></title>

</head>

<body>

<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.*/), //是否为移动终端

      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, //是否为iPhone或者QQHD浏览器

      iPad: u.indexOf('iPad') > -1, //是否iPad

      webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部

    };

  }(),

  language: (navigator.browserLanguage || navigator.language).toLowerCase()

}

if (browser.versions.mobile) {//判断是否是移动设备打开

    var ua = navigator.userAgent.toLowerCase();//获取判断用的对象

    if (ua.match(/MicroMessenger/i) == "micromessenger") {

        //在微信中打开

        alert("在微信中打开")

    }

    if (ua.match(/WeiBo/i) == "weibo") {

        //在新浪微博客户端打开

        alert("在新浪微博客户端打开")

    }

    if (ua.match(/QQ/i) == "qq") {

        //在QQ空间打开

        alert("在QQ空间打开")

    }

    if (browser.versions.ios) {

        //是否在IOS浏览器打开

        alert("ios终端")

    } 

    if(browser.versions.android){

        //是否在安卓浏览器打开

        alert("是否在安卓浏览器打开")

    }

    if (browser.versions.iPad) {

      // 是否iPad

      alert("是否iPad");

    }

    if (browser.versions.webApp) {

      alert("是否webapp")

    }

    if (browser.versions.iPhone) {

      alert("是否为iPhone或者QQHD浏览器")

    }

}else{

  //否则就是PC浏览器

}

if (browser.versions.trident) {//判断浏览器内核

  alert("是否IE内核")

}else if(browser.versions.webKit){

  alert("是否webKit内核")

}else if (browser.versions.presto) {

  alert("opera内核")

}else if (browser.versions.gecko) {

  alert("是否火狐内核")

}    

</script>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: