zoukankan      html  css  js  c++  java
  • 判断各种浏览器的内核和 移动端的类型

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <body>
            
            
            
            
        </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应该程序,没有头部与底部
                        weixin: u.indexOf('MicroMessenger') > -1, //是否微信 (2015-01-22新增)
                        qq: u.match(/sQQ/i) == " qq" //是否QQ
                    };
                }(),
                language:(navigator.browserLanguage || navigator.language).toLowerCase()
            }
    //        document.write("用户代理: " + navigator.userAgent);//用户代理
    //         document.write("版本信息: " + navigator.appVersion);//浏览器版本
            //判断是否IE内核
            if(browser.versions.trident){
                alert("is IE");
            }
            if(browser.versions.weixin){
                alert('weixin')
            }
            if(browser.versions.gecko){
                alert('huohu')
            }
            //判断是否webKit内核
            if(browser.versions.webKit){
                alert("is webKit");
            }
            
            判断是否移动端
            if(browser.versions.mobile||browser.versions.android||browser.versions.ios){
                alert("移动端");
            }
            if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
                alert(navigator.userAgent);  
               //苹果端
            } else if (/(Android)/i.test(navigator.userAgent)) {
                alert(navigator.userAgent);
                //安卓端
            } else {
               //pc端
            };
        </script>
        
    </html>



    Mozilla/5.0 (Windows NT 6.2; WOW64; rv:21.0) Gecko/20100101 Firefox/21.0
    浏览器标识 (操作系统标识; 加密等级标识; 浏览器语言) 渲染引擎标识 版本信息
    
  • 相关阅读:
    drf中的请求模块和渲染模块
    drf基础
    vue中的路由传参及跨组件传参
    vue项目环境搭建与组件介绍
    vue基础指令了解补充及组件介绍
    整理的几个防止刷新后退重复提交数据的方法
    程序员心灵之塔
    怎么样才是好的程序员
    using在namespace里面还是外面有区别吗
    高级.net工程师必备
  • 原文地址:https://www.cnblogs.com/impossible1994727/p/6800754.html
Copyright © 2011-2022 走看看