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

JS判断在哪一端浏览器打开

时间:2019-09-07 11:03:34      阅读:290      评论:0      收藏:0      [点我收藏+]

标签:image   ipad   其他   菜鸟   lin   cli   微信   获取   要求   

<script src="js/jquery-2.2.3.min.js"></script>
<script>
    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()
    }
    $(#download).on(click, function() {
        if (browser.versions.mobile) { //判断是否是移动设备打开。browser代码在下面
            var ua = navigator.userAgent.toLowerCase(); //获取判断用的对象
            if (ua.match(/MicroMessenger/i) == "micromessenger") {
                console.log(微信浏览器打开)
            } else if (ua.match(/WeiBo/i) == "weibo") {
                console.log(微博客户端打开)
            } else if (ua.match(/QQ/i) == "qq") {
                console.log(QQ客户端打开)
            } else if (browser.versions.ios) {
                console.log(IOS浏览器打开)
            } else if (browser.versions.android) {
                console.log(安卓浏览器打开)
            }
        } else {
            console.log(PC浏览器打开)
        }
    })
</script>

公司业务要求判断在哪里打开的浏览器,从而进行其他业务操作,苦了小菜鸟的我,记下来记下来

技术图片

JS判断在哪一端浏览器打开

标签:image   ipad   其他   菜鸟   lin   cli   微信   获取   要求   

原文地址:https://www.cnblogs.com/angenstern/p/11476991.html

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