JS笔记 BOM之Navigator 对象（识别不同的浏览器）

Posted 2021-08-22 言人冰

BOM（浏览器对象模型）重点！！！

Window 对象
Navigator 对象
Screen 对象
History 对象
Location 对象

Navigator 对象

其属性只剩下下面这一个有实际意义
userAgent
返回由客户机发送服务器的 user-agent 头部的值。

由于IE11中navigator.user-agent字符串中没有可以与其他浏览器区分开来的字符串，故可以用下面这种方法 window.ActiveXObject
ActiveXObject 经常用来判断是否为IE11

判断是否为IE11浏览器： if(“ActiveXObject” in window)

Chrome：
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (Khtml, like Gecko) Chrome/91.0.4472.164 Safari/537.36

Firefox：
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:90.0) Gecko/20100101 Firefox/90.0

IE10及以下：
以IE10为例
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E) 【含MSIE，到了IE11就没有了】

IE11：
Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; rv:11.0) like Gecko
通过以下案例来判断当前是处在哪个浏览器，可以运用到浏览器兼容问题上

    <SCRIPT>
     window.onload = function(){
         var ua = navigator.userAgent; 
    
        if(/chrome/i.test(ua)){//正则表达式来判断是否含有该字符串
            alert("当前处于Chrome浏览器");
        }
        else if(/firefox/i.test(ua)){
            alert("当前处于火狐浏览器");
        }  
        else if(/MSIE/i.test(ua)){
            alert("当前处于IE10及以下浏览器")
        }      
        else if("ActiveXObject" in window) {
            alert("当前处于IE11浏览器");
        }
     };
        
    </SCRIPT>