zoukankan      html  css  js  c++  java
  • JS/JQuery判断是否移动设备+JS/JQuery判断浏览器类型

    原文:https://blog.csdn.net/Little_Stars/article/details/48624669

    JS代码如下(点击事件依赖JQuery):

     //判断设备类型
        $("#aass").click(function() {
        var browser = {
            versions: function() {
                var u = navigator.userAgent,
                app = navigator.appVersion;
                return {
                    mobile: !!u.match(/AppleWebKit.*Mobile.*/),
                    ios: !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/),
                    android: u.indexOf("Android") > -1 || u.indexOf("Linux") > -1,
                    iPhone: u.indexOf("iPhone") > -1,
                    iPad: u.indexOf("iPad") > -1
                };
            } (),
            language: (navigator.browserLanguage || navigator.language).toLowerCase()
        };
        $("#aa2").append("userAgent 内容: <BR/>" + navigator.userAgent + "<BR/><BR/>");
        $("#aa2").append("是否为移动终端: " + browser.versions.mobile + "<BR/>");
        $("#aa2").append("是否 ios: " + browser.versions.ios + "<BR/>");
        $("#aa2").append("是否 android: " + browser.versions.android + "<BR/>");
    
        //判断 浏览器 类型
        var ex = navigator.userAgent,
        bUA;
        if (ex.indexOf("MSIE") >= 0) {
            bUA = "Internet Explorer 10  Or Earlier"; //IE
        } else if (ex.indexOf("Firefox") >= 0) {
            bUA = "Firefox";
        } else if (ex.indexOf("Chrome") >= 0) {
            bUA = "Chrome";
            if (ex.indexOf("360SE") >= 0) { //360安全浏览器
                bUA = "360SE";
            } else if (ex.indexOf("360EE") >= 0) { //360急速浏览器
                bUA = "360EE";
            } else if (ex.indexOf("SE") >= 0 && ex.indexOf("360SE") == -1) { //搜狗浏览器
                bUA = "SouGou";
            } else if (ex.indexOf("Maxthon") >= 0) { //遨游浏览器
                bUA = "Maxthon";
            }
        } else if (ex.indexOf("UCBrowser") >= 0 || ex.indexOf("UCWEB") >= 0) { // UC浏览器
            bUA = "UCBrowser";
        } else if (ex.indexOf("Opera") >= 0) {
            bUA = "Opera";
        } else if (ex.indexOf("Safari") >= 0) { // 苹果浏览器
            bUA = "Safari";
        } else if (ex.indexOf("Netscape") >= 0) {
            bUA = "Netscape";
        } else if (ex.indexOf("like Gecko") >= 0 && ex.indexOf("Trident") >= 0) {
            bUA = "Internet Explorer 11 Or Later"; //IE11 以后,不再用 MSIE
        } else {
            bUA = "Other Broswer";
        }
    
        $("#aa2").append("当前浏览器: " + bUA + "<BR/>");
    
    });

    HTML代码:

        <br>
        <input type="button"  value="浏览器版本信息" id="aass" /> 
        <br/><br/> 
    
        <div id="aa2"></div>
        <br><br>

    结果示例: 
    JS/JQuery判断浏览器类型

     
     
     
  • 相关阅读:
    Mysql存储引擎
    数据库事务的四大特性以及事务的隔离级别
    万万没想到,面试中,连 ClassLoader类加载器 也能问出这么多问题
    万万没想到,JVM内存区域的面试题也可以问的这么难?
    SQL Server读取及导入Excel数据
    SQL Server加密与解密
    线程之间如何通信
    mybatis 批量更新 批量添加
    vue echarts 从后台获取数据形成饼图,柱状图,折线图
    vue 视频播放
  • 原文地址:https://www.cnblogs.com/shihaiming/p/8655974.html
Copyright © 2011-2022 走看看