BOM结合正则表达式判断浏览器类型

今天学了BOM编程中的navigator,用来判断浏览器类型时发现一些问题。

        let ua = navigator.userAgent;
        // 判断浏览器
        if(/firefox/i.test(ua)){
            alert('firefox');
        }else if(/chrome/i.test(ua)){
            alert('chrome');
        }else if(/edge/i.test(ua)){
            alert('edge');
        }else if("ActiveXObject" in window){
            alert('ie');
        }else{
            alert('unknown');
        }
  1. 用以上代码判断edge浏览器,结果提示是Chrome。

  2. 查看edge和Chrome的userAgent

let ua = navigator.userAgent;
        console.log(ua);
  1. 结果发现两个浏览器中都含有Chrome,edge中只有Edg

edge:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36 Edg/115.0.1901.188
Chrome:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36

  1. 将修改edge和Chrome的正则表达式
        let ua = navigator.userAgent;
        // 判断浏览器
        if(/firefox/i.test(ua)){
            alert('firefox');
        }else if(/chrome[edg]/i.test(ua)){
            alert('chrome');
        }else if(/edg/i.test(ua)){
            alert('edge');
        }else if("ActiveXObject" in window){
            alert('ie');
        }else{
            alert('unknown');
        }
  1. 结果可以判断edge了
    在这里插入图片描述
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值