• 技术文章 >web前端 >js教程

    JavaScript如何动态判断浏览器的类型?(代码示例)

    青灯夜游青灯夜游2018-10-25 17:57:20转载803
    本篇文章给大家带来的内容是介绍JavaScript如何动态判断浏览器的类型?(代码示例)。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

    这个只是一个小知识,也是在网上找的,挺好用!

    动态判断浏览器是PC还是移动端!

    <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.*/)||!!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应该程序,没有头部与底部            
    };
    }()
    } 
    
    document.writeln(" 是否为移动终端: "+browser.versions.mobile);
    document.writeln(" ios终端: "+browser.versions.ios);
    document.writeln(" android终端: "+browser.versions.android);
    document.writeln(" 是否为iPhone: "+browser.versions.iPhone);
    document.writeln(" 是否iPad: "+browser.versions.iPad);
    document.writeln(navigator.userAgent); 
    </script>

    挺有意思!

    以上就是JavaScript如何动态判断浏览器的类型?(代码示例)的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:博客园,如有侵犯,请联系admin@php.cn删除
    上一篇:jQuery如何实现全选、不选和反选功能?(代码详解) 下一篇:vue生命周期是什么?vue生命周期详解
    千万级数据并发解决方案

    相关文章推荐

    • jQuery判断浏览器并动态调整select宽度的方法_jquery• 基于jQuery1.9版本如何判断浏览器版本类型_jquery• js判断浏览器版本以及浏览器内核的方法_javascript技巧• JS判断浏览器是否支持某一个CSS3属性的方法_javascript技巧
    1/1

    PHP中文网