使用Bom的navigator对象中userAgent判断当前浏览器的名称和版本号

前言

在前端中兼容性问题是比较麻烦的事情,解决兼容性问题有一个前提就是你得知道现在用户正在使用的浏览器是哪一种、哪个版本。我们可以用Bom的navigator对象中的userAgent来判断用户使用的浏览器名称及版本。

什么是userAgent?

  • userAgent是保存浏览器名称和版本号的字符串,精确判断浏览器名称和版本号时可以使用userAgent。
  • 每个浏览器的userAgent字符串各不相同,所以我们可以通过userAgent来判断是哪个浏览器。我们可以看一下每个浏览器的userAgent,不用下载所有浏览器,用Edge浏览器就行了,这里我们只说主流的五种浏览器。
  • 用Edge浏览器运行代码
    var ua = navigator.userAgent;
    document.write("<h3>"+ua+"</h3>")
    
  • 然后打开控制台,点击仿真,修改用户代理字符串为五大的浏览器就可以看到每个浏览器的userAgent
    在这里插入图片描述
  • 比如下面这个是Edge的uerAgent,我们不难发现Edge里居然有Chrome和Safari,看看其他浏览器的userAgent也不是都只有自己的名字,其实这是浏览器的一
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值