利用javascript判断浏览器类型

lncwwn 发布于2019-08-22 18:33 / 2757人阅读

摘要：判断浏览类型的相关方法控制台打印浏览器相关信息将浏览器信息获取，并转成小写判断是火狐浏览器浏览器浏览器浏览器上面代码可以判断火狐谷歌浏览器，但是国内的浏览器搜狗浏览器运行的时候的结果是浏览器在判断是还是浏览器判断是浏览器还是其它浏览器浏览器

判断浏览类型的相关方法

控制台打印浏览器相关信息

window.navigator.userAgent.toLowerCase()//将浏览器信息获取，并转成小写

判断是ie、火狐、chrome浏览器

       function isBrowser(){
        var agent=navigator.userAgent.toLowerCase()
        console.log(agent)
            if(agent.indexOf("chrome")>0){
                alert("chrome浏览器")
            }
            if(agent.indexOf("firefox")>0){
                alert("firefox浏览器")
            }
            if(agent.indexOf("trident")>0){
                alert("IE浏览器")
            }
       }
    isBrowser()

上面代码可以判断ie,火狐,谷歌浏览器，但是国内的QQ浏览器,搜狗浏览器运行的时候alert的结果是"Chrome浏览器"

在判断是qq还是Chrome浏览器

 function isBrowser(){
        var agent=navigator.userAgent.toLowerCase()
        console.log(agent)
           System=function(){
            if(agent.indexOf("qqbrowser")>0){//判断是qq浏览器还是其它浏览器
               return alert("qq浏览器")
            }
            if(agent.indexOf("se 2.x")>0){
                return alert("搜狗浏览器")
            }
            alert("chrome浏览器")
           }
           System()
            if(agent.indexOf("firefox")>0){
                alert("firefox浏览器")
            }
            if(agent.indexOf("trident")>0){
                alert("IE浏览器")
            }
       }
    isBrowser()

360浏览器奇葩

360浏览器通过上面的方法并不能检测出是360浏览器

//application/vnd.chromium.remoting-viewer 可能为360特有 通过_mine判断是否是360
function isBrowser(){
        var agent=navigator.userAgent.toLowerCase()
        console.log(agent)
           System=function(){
            if(agent.indexOf("qqbrowser")>0){//判断是qq浏览器还是其它浏览器
               return alert("qq浏览器")
            }
            if(agent.indexOf("se 2.x")>0){
                return alert("搜狗浏览器")
            }
             var is360 = _mime("type", "application/vnd.chromium.remoting-viewer");
            
            if (is360) { 
                return "360浏览器"
            }
      
        //检测是否是谷歌内核(可排除360及谷歌以外的浏览器)
        //测试mime
        function _mime(option, value) {
            var mimeTypes = navigator.mimeTypes;
            console.log(mimeTypes)
            for (var mt in mimeTypes) {
                if (mimeTypes[mt][option] == value) {
                    return true;
                }
            }
            return false;
        }
            alert("chrome浏览器")
           }
           System()
            if(agent.indexOf("firefox")>0){
                alert("firefox浏览器")
            }
            if(agent.indexOf("trident")>0){
                alert("IE浏览器")
            }
       }
    isBrowser()

这样就可以判断出是360浏览器
是通过两位作者1和作者2的方法总结出来的。

专线服务 idc机房托管判断类型类型判断判断数字类型 python判断类型

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/95995.html

每日 30 秒 ⏱ 数据类型大乱炖

showImg(https://segmentfault.com/img/remote/1460000018796041?w=900&h=500); 简介字符串、数字、布尔值、Null、Undefined、对象、数组、函数、判断方法 JavaScript 中有两种数据类型，分别是基本数据类型和引用数据类型：基本数据类型引用数据类型 Number、String、Boolean、Null...

meteor199 2019-08-23 16:08 评论0 收藏0
javascript如何判断变量的数据类型

摘要：除和外，所有的数据类型都是可以转化为对象，而如果是对象，就肯定有构造函数。特性因为和没有构造函数，因此不能用此方法来判断。由于同一条原型继承链上的各个对象的构造函数都不一样，因此，此方法可以区分开继承链上的各个自定义数据类型。 typeof 用法示例 var arr = []; typeof arr; //object typeof(arr); //object typeo...

曹金海 2019-08-22 10:59 评论0 收藏0
JavaScript对象

摘要：对象的分类内置对象原生对象就是语言预定义的对象，在标准定义，有解释器引擎提供具体实现宿主对象指的是运行环境提供的对象。不过类型是中所有类型的父级所有类型的对象都可以使用的属性和方法，可以通过的构造函数来创建自定义对象。对象 javaScript中的对象，和其它编程语言中的对象一样，可以比照现实生活中的对象来理解。在JavaScript中，一个对象可以是一个单独拥有属性和类型的实体。和...

xavier 2019-08-23 11:01 评论0 收藏0
task0002（一）- JavaScript数据类型及语言基础

摘要：不过让流行起来的原因应该是是目前所有主流浏览器上唯一支持的脚本语言。经过测试，数字字符串布尔日期可以直接赋值，修改不会产生影响。再考虑对象类型为或者的情况。对于结果声明其类型。判断对象的类型是还是，结果类型更改。转载自我的个人博客欢迎大家批评指正 1. 第一个页面交互这里最需要学习的老师的代码中，每一部分功能都由函数控制，没有创建一个全部变量。且最后有一个函数来控制执行代码...

elarity 2019-08-22 10:59 评论0 收藏0
前端面试之手写代码

摘要：虽然构造函数或者对象字面量的方法都可以用来创建对象，但是这些方法使用同一个接口创建很多对象，会产生大量的重复代码。参考资料冴羽的专题系列中高级前端面试手写代码无敌秘籍前端笔试之手写代码一本系列会从面试的角度出发围绕JavaScript，Node.js(npm包)以及框架三个方面来对常见的模拟实现进行总结，具体源代码放在github项目上，长期更新和维护 showImg(https://use...

niceforbear 2019-05-21 16:12 评论0 收藏0