利用javascript判断浏览器类型

码林薄雾
• 阅读 11622

判断浏览类型的相关方法

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

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的方法总结出来的。

点赞
收藏
评论区
推荐文章
皮卡皮卡皮 皮卡皮卡皮
4年前
了解什么是 TypeScript
内容纲要了解什么是TypeScriptTypeScript基本语法TypeScript介绍TypeScript是什么TypeScript是JavaScript的强类型版本。然后在编译期去掉类型和特有语法,生成纯粹的JavaScript代码。由于最终在浏览器中运行的仍然是JavaScript,所以TypeScript并
凝雪探世界 凝雪探世界
4年前
js-Answers一
JavaScript的组成JavaScript由以下三部分组成:1.ECMAScript(核心):JavaScript语言基础2.DOM(文档对象模型):规定了访问HTML和XML的接口3.BOM(浏览器对象模型):提供了浏览器窗口之间进行交互的对象和方法JS的基本数据类型和引用数据类型
达里尔 达里尔
3年前
让元素不能被复制
cssmozuserselect:none;/火狐/webkituserselect:none;/webkit浏览器/msuserselect:none;/IE10/khtmluserselect:none;/早期浏览器/userselect:none;
Stella981 Stella981
3年前
JavaScript获取浏览器类型与版本
  从网上找到一段使用JavaScript判断浏览器以及浏览器版本的比较好的代码,在此记录一下:1<scripttype"text/javascript"2varSys{};3varuanavigator.userAgent.toLowerCase();
Stella981 Stella981
3年前
IE hack技术
HTML5学堂:我们平日说的IEhack到底是什么,随着浏览器的发展,IE的hack技术也在不断的发生着变化,一起看看最新的IEhack。何为hack?行业中存在着各类浏览器,典型的如IE、火狐、谷歌等;另外,即便同样种类的浏览器,也存在着不同的版本,如IE6、IE7……IE11等。不同浏览器对于CSS的解
Wesley13 Wesley13
3年前
JS判断是否为移动版浏览器
使用javascript(JS)判断浏览器是否为移动版浏览器。浏览器信息获取判断浏览器访问终端。//判断访问终端varbrowser{versions:function(){varunavigator.userAgent,appnaviga
Stella981 Stella981
3年前
Js中polyfill的使用限制
随着浏览器的更新,JS也在新增功能功能。这些功能为我们开发带来了很大的便利。在旧浏览器上使用,需要引入相关的polyfill才能用。然而,有些功能在旧浏览器中是无法完美实现的,只有在一定条件下才能使用。本文将为大家分析这些功能的使用限制。Symbol1.禁止用typeof和instanceof,如果要判断,建议判断是否是string。
Wesley13 Wesley13
3年前
VS2019编译 当前最新版chromium
之前编译过webrtc和chromium,由于长时间没用,被我删除了,最近在最新版本的google浏览器上遇到了播放器兼容性问题,老版本的google浏览器是没问题,IE,火狐浏览器也没问题,通过看google浏览器的打印日志和chromium媒体层的代码,排查下来,是ffmpeg调用解码器解码AAC失败了,有个别数据解码失败,我们是使用的lib
Stella981 Stella981
3年前
Selenium3自动化测试【13】FireFox与Chrome浏览器元素定位
目前大部分浏览器都内置了相关插件或组件,能够帮助我们快速、简洁地展示各类元素的属性定义、DOM结构、CSS样式等属性。本书中使用的浏览器主要是FireFox、Chrome(这2款浏览器也是作为开发者常用的浏览器),因此本节介于这2款浏览器一起看看这些工具(组件)的使用方法。火狐(FireFox)浏览器如果大家对火狐浏览器较为熟知,在旧版本上的
Stella981 Stella981
3年前
JavaScript的BOM和DOM
1,window对象,所有浏览器都支持window对象,它表示浏览器窗口BOM(browserObjectModel)是指浏览器对象模型,它使JavaScript有能力与浏览器进行"对话".DOM(DocumentObjectModel)是指文档对象类型,通过它,可以访问HTML文档的所有元素window对象客户端JavaScript最高
Stella981 Stella981
3年前
Jquery判断ie浏览器,用$.support替换$.browser判断
如果你也是Jquery最初的使用者,那么你一定经历过这样判断浏览器的时代:$.browser.msie&&$.browser.version,你目前使用的组件里可能还有应用。但是Jquery1.3以后就不建议使用了,到jQuery1.9之后就不复存在了。应该是因为到ie8以上的版本判断就有问题了...⊙﹏⊙b汗只有另外想办法,使用$.support
码林薄雾
码林薄雾
Lv1
那些离乱的现实,岂能容我当作思绪来写。
文章
4
粉丝
0
获赞
0