判断浏览器类型(附区分qq浏览器和chrome浏览器正则)

方法返回Sys对象,Sys对象中封装了浏览器的类型和版本信息,如下:
function getBrowserInfo(){var Sys = {};var ua = navigator.userAgent.toLowerCase();var re =/(msie|firefox|chrome|opera|version).*?([\d.]+)/;var m = ua.match(re);Sys.browser = m[1].replace(/version/, "'safari");Sys.ver = m[2];return Sys;
}

当需要获取浏览器的类型和版本信息时,就可以使用getBroserInfo方法,如下:

//获取当前的浏览器信息
var sys = getBrowserInfo();
//sys.browser得到浏览器的类型,sys.ver得到浏览器的版本
document.write(sys.browser + "的版本是:" + sys.ver);

注意QQ浏览器也会返回chrome,特写了一个正则,如有区分QQ浏览器和chrome的需求,可以使用。

let reg = /^(.)*chrome((?!qqbrowser).)*$/
if(reg.test(navigator.userAgent.toLowerCase())){// 是chrome
} else {// 是QQ浏览器
}

觉得有帮助的小伙伴右上角点个赞~

扫描上方二维码关注我的订阅号~

判断浏览器类型(附区分qq浏览器和chrome浏览器正则)相关推荐

  1. PC端chrome浏览器如何调试多点触控事件/chrome浏览器远程调试手机上的网页

    PC端chrome浏览器如何调试多点触控事件/chrome浏览器远程调试手机上的网页 最近学习移动端网页开发的时候,遇到了一个问题,如何在真机上看到控制台输出的内容. 虽然现在的桌面浏览器提供了模拟手 ...

  2. JavaScript判断浏览器类型及版本(新增谷歌的Chrome)

    来源:http://blog.tripdev.com/?tid=164 JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本.JavaScript ...

  3. 仿QQ写的chrome浏览器插件.

     在工作中,一直想看看浏览器是如何开发的,但是高手都是修改chrome的代码, 我有幸看了一点点, 我只是利用chrome的插件写了个类似的浏览器,在此分享,谢谢!其实纵观QQ浏览器.360浏览器.阿 ...

  4. 【浏览器】1219- 换一种风格理解 Chrome 浏览器渲染全过程

    本文由 道道里  原文链接:https://juejin.cn/post/7039036362653171742 前言 Chrome comic,一本Chrome架构简要概述的漫画,Chrome架构于 ...

  5. CentOS7 安装chrome浏览器和ChromeDriver 及 python脚本调用chrome浏览器

    环境: contos 7.5 chrome 81.0.4044.69 81.0.4044.69-chromedriver_linux64 python 3.6.1 selenium 3.141.0 1 ...

  6. chrome浏览器崩溃_不只是您:Chrome浏览器在Windows 10的2018年4月更新中崩溃

    chrome浏览器崩溃 If your computer is hanging or freezing after installing the Windows 10 April 2018 Updat ...

  7. linux打开浏览器密码取消,Deepin下打开谷歌chrome浏览器提示解锁登录密钥环的解决方法...

    在Deepin Linux系统下打开谷歌chrome浏览器都提示解锁登录密钥环,每次登录打开浏览器都会提醒(解锁登录密钥环:输入密码以解锁您的登录密钥环,您用于登录计算机的密码与您的登录密钥环中的密码 ...

  8. 为什么电脑浏览器显示时钟快了_win10打开chrome浏览器提示时钟错误怎么办

    win10系统打开Chrome浏览器查找资料,结果弹出提示您的时钟慢了,您计算机的日期和时间不正确,因此无法与网站建立私密连接.(如下图所示)而无法正常打开网页,为什么会这样?这是是由于电脑的主板电池 ...

  9. html与浏览器有什么关系,360极速浏览器和chrome浏览器有什么关系和区别

    360浏览器极速版基于Chromium开源浏览器.虽然和Chrome浏览器来自同样的开源代码,但实质并不完全相同.以下是360浏览器极速版与Chrome浏览器相比的主要特点: 无缝双核 360浏览器极 ...

最新文章

  1. PaaS模式创新:实现应用可移植性
  2. c之指针与数组(1)
  3. innerhtml js执行_JS 中 DOM 操作
  4. Nginx+Tomcat负载均衡
  5. 习惯 积累 沉淀
  6. MySQL查询数据字典_存储过程_函数_视图元数据_表元数据_触发器
  7. Heredoc和Nowdoc
  8. kubectl apply -f_新车 | 新款捷豹F-PACE登陆广州车展!内外提升十分明显
  9. mysql group by_MySQL优化GROUP BY方案
  10. 廖雪峰python教程-Python 2.7教程
  11. 标签和标签选择器、label selector
  12. UltraEdit(ue记事本)科学免费激活使用教程【你懂得,亲测有效】
  13. FAT 32 文件系统学习
  14. itextpdf加盖章
  15. vue如何调用高德地图
  16. Y7000P 2020安装黑苹果教程
  17. 计算机怎样同时运行多个程序的?进程相关概念介绍
  18. @kubernetes(k8s)label标签的使用及service代理模式
  19. 收集需求的方法:群体创新技术
  20. 全新UI众人帮任务帮PHP源码/悬赏任务抖音快手头条点赞源码/带三级分销可封装小程序

热门文章

  1. idea中Stash与Unstash的使用
  2. 【Anaconda】将已有Python环境添加到Anaconda中
  3. 鸿蒙照搬vue,VUEVlog鸿蒙版
  4. 如何去除从windows上传到unix的前导符^M
  5. android中启动广播,Android--启动广播(Broadcast)
  6. string库的简介和使用
  7. oracle提升count性能,Oracle性能优化之COUNT
  8. 极限编程(xp编程)总结
  9. 光伏并网逆变器,光储一体机,光储,光伏发电,蓄电池充放电控制
  10. 自动化运维平台Spug之板块-监控中心 介绍