利用javascript判断浏览器类型

这篇文章主要介绍了关于利用javascript判断浏览器类型,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

判断浏览类型的相关方法

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

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判断是否是360function 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浏览器

立即学习“Java免费学习笔记(深入)”;

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

JS浏览器事件循环机制

用Node处理文件上传

以上就是利用javascript判断浏览器类型的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2746976.html

(0)
上一篇 2025年3月8日 04:14:59
下一篇 2025年3月8日 04:15:14

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 用Node提供静态文件服务

    这篇文章主要介绍了关于用node提供静态文件服务,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 前言 对于一个web应用,提供静态文件(CSS、JavaScript、图片)服务常常是必须的。本文将介绍如何做一个自己的静态文件…

    2025年3月8日
    000
  • 浏览器与NodeJS的EventLoop异同以及部分机制

    这篇文章主要介绍了关于浏览器与nodejs的eventloop异同以及部分机制,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 浏览器与NodeJS的EventLoop异同,以及部分机制 javascript 是一门单线程的脚…

    2025年3月8日 编程技术
    200
  • JavaScript创建对象的四种方式

    这篇文章主要介绍了关于javascript创建对象的四种方式 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 关键字 Object.create; new Object(); new Fn(); {} 背景 此段可跳过不读……

    编程技术 2025年3月8日
    200
  • NodeList 和 HTMLCollection 和 Array的解析

    这篇文章主要介绍了关于nodelist 和 htmlcollection 和 array的解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 Array,NodeList, HTMLCollection这三个概念和它们之间的…

    2025年3月8日 编程技术
    200
  • vue的父子组件,父子组件传值和vuex的浅析

    这篇文章主要介绍了关于vue的父子组件,父子组件传值和vuex的浅析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 一、vue的父子组件之间是如何传值的?  首先呢,需要说说的是,vue既然有双向绑定,那为何会有父子组件之间…

    编程技术 2025年3月8日
    200
  • vue 实现数字滚动增加效果

    这篇文章主要介绍了关于vue 实现数字滚动增加效果 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 项目中需要做数字滚动增加的效果,一开始很懵,研究了一下原理,发现很简单,贴出来分享一下 ^_^ 数字滚动组件: 0 expo…

    编程技术 2025年3月8日
    200
  • Jquery添加loading过渡遮罩

    这篇文章主要介绍了关于jquery添加loading过渡遮罩 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 用webpack打包一个h5项目,css也打包在bundle.js里,加载稍慢就会有有几秒钟页面呈现出一个没有样式…

    2025年3月8日
    200
  • JS实现希尔排序

    这篇文章主要介绍了关于js实现希尔排序 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 希尔排序本质上是一种插入排序,但是对数列进行了等间隔分组处理,在每一组中做插入排序,这一优化使得原本 O(n^2)  的时间复杂度一下降…

    2025年3月8日 编程技术
    200
  • JS实现归并排序

    这篇文章主要介绍了关于js实现归并排序,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 递归的内存堆栈分析 一直对递归理解不深,原因是递归的过程很抽象,分析不清内存堆栈的返回过程。偶然google到一篇博文递归(不得不说,技术…

    2025年3月8日
    200
  • 原生JS基于window.scrollTo()封装垂直滚动动画工具函数

    这篇文章主要介绍了关于原生js基于window.scrollto()封装垂直滚动动画工具函数 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 概要: 原生JS基于window.scrollTo()封装垂直滚动动画工具函数,可…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论