判断浏览器类型(附区分qq浏览器和chrome浏览器正则)
判断浏览器类型(附区分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浏览器正则)相关推荐
- PC端chrome浏览器如何调试多点触控事件/chrome浏览器远程调试手机上的网页
PC端chrome浏览器如何调试多点触控事件/chrome浏览器远程调试手机上的网页 最近学习移动端网页开发的时候,遇到了一个问题,如何在真机上看到控制台输出的内容. 虽然现在的桌面浏览器提供了模拟手 ...
- JavaScript判断浏览器类型及版本(新增谷歌的Chrome)
来源:http://blog.tripdev.com/?tid=164 JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本.JavaScript ...
- 仿QQ写的chrome浏览器插件.
在工作中,一直想看看浏览器是如何开发的,但是高手都是修改chrome的代码, 我有幸看了一点点, 我只是利用chrome的插件写了个类似的浏览器,在此分享,谢谢!其实纵观QQ浏览器.360浏览器.阿 ...
- 【浏览器】1219- 换一种风格理解 Chrome 浏览器渲染全过程
本文由 道道里 原文链接:https://juejin.cn/post/7039036362653171742 前言 Chrome comic,一本Chrome架构简要概述的漫画,Chrome架构于 ...
- 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 ...
- chrome浏览器崩溃_不只是您:Chrome浏览器在Windows 10的2018年4月更新中崩溃
chrome浏览器崩溃 If your computer is hanging or freezing after installing the Windows 10 April 2018 Updat ...
- linux打开浏览器密码取消,Deepin下打开谷歌chrome浏览器提示解锁登录密钥环的解决方法...
在Deepin Linux系统下打开谷歌chrome浏览器都提示解锁登录密钥环,每次登录打开浏览器都会提醒(解锁登录密钥环:输入密码以解锁您的登录密钥环,您用于登录计算机的密码与您的登录密钥环中的密码 ...
- 为什么电脑浏览器显示时钟快了_win10打开chrome浏览器提示时钟错误怎么办
win10系统打开Chrome浏览器查找资料,结果弹出提示您的时钟慢了,您计算机的日期和时间不正确,因此无法与网站建立私密连接.(如下图所示)而无法正常打开网页,为什么会这样?这是是由于电脑的主板电池 ...
- html与浏览器有什么关系,360极速浏览器和chrome浏览器有什么关系和区别
360浏览器极速版基于Chromium开源浏览器.虽然和Chrome浏览器来自同样的开源代码,但实质并不完全相同.以下是360浏览器极速版与Chrome浏览器相比的主要特点: 无缝双核 360浏览器极 ...
最新文章
- PaaS模式创新:实现应用可移植性
- c之指针与数组(1)
- innerhtml js执行_JS 中 DOM 操作
- Nginx+Tomcat负载均衡
- 习惯 积累 沉淀
- MySQL查询数据字典_存储过程_函数_视图元数据_表元数据_触发器
- Heredoc和Nowdoc
- kubectl apply -f_新车 | 新款捷豹F-PACE登陆广州车展!内外提升十分明显
- mysql group by_MySQL优化GROUP BY方案
- 廖雪峰python教程-Python 2.7教程
- 标签和标签选择器、label selector
- UltraEdit(ue记事本)科学免费激活使用教程【你懂得,亲测有效】
- FAT 32 文件系统学习
- itextpdf加盖章
- vue如何调用高德地图
- Y7000P 2020安装黑苹果教程
- 计算机怎样同时运行多个程序的?进程相关概念介绍
- @kubernetes(k8s)label标签的使用及service代理模式
- 收集需求的方法:群体创新技术
- 全新UI众人帮任务帮PHP源码/悬赏任务抖音快手头条点赞源码/带三级分销可封装小程序