BOM對象——Navigator

BOM對象——Navigator

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            /*
            BOM
               - 瀏覽器對象模型
               - BOM能夠使咱們經過js來着、操做瀏覽器
               - 在BOM中爲咱們提供了一組對象,用來完成對瀏覽器的操做
               - BOM對象
                  Window
                    - 表明的是整個瀏覽器的窗口,同時window也是網頁中的全局對象
                  Navigator
                    - 表明的當前瀏覽器的信息,經過該對象能夠來識別不一樣的瀏覽器
                  Location
                    - 表明的當前瀏覽器的地址欄信息,經過Localtion能夠獲取地址欄信息,或者操做瀏覽器跳轉頁面
                  History
                    - 表明瀏覽器的歷史記錄,能夠經過該對象來操做瀏覽器的歷史記錄
                        因爲隱私緣由,該對象不能獲取到具體的歷史記錄,只能操做瀏覽器向前或向後翻頁
                        並且只能訪問當次訪問有效
                  Screen
                    - 表明用戶的屏幕的信息,經過該對象能夠獲取到用戶的顯示器的相關信息。
                    
                    
                    BOM對象在瀏覽器中都是做爲window對象屬性保存的
                        能夠經過window對象來使用,也能夠直接使用
                    
                  
            */

            /*
          Navigator
              - 表明的當前瀏覽器的信息,經過該對象能夠來識別不一樣的瀏覽器
                - 因爲歷史緣由,Navigator對象中的大部分屬性都已經不能幫助我門識別瀏覽器
                - 通常咱們會使用userAgent來判斷瀏覽器信息
                     userAgent是一個字符串,這個字符串包含有用來描述瀏覽器信息的內容
                     不一樣的瀏覽器會有不一樣的userAgnes
               - Chrome userAgnes
                  Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.142 Safari/537.36
               - 在IE11中已經將微軟和IE相關的標識都去除了,因此咱們基本上已經不能經過UserAgent來識別一個瀏覽器是不是IE
           
           */
            // console.log(navigator.appName);
            console.log(navigator.userAgent);
            //檢查一個字符串中是否包含某個字符串

            var ua = navigator.userAgent;
            if (/Chrome/i.test(ua)) {
                alert("chrome");
            } else if (/firefox/i.test(ua)) {
                alert("firefox");
            } else if (/msie/i.test(ua)) {
                alert("IE");
            } else if ("ActiveXObject" in window) {
                alert("IE11");
            }

            /*
            若是經過UserAgnes不能判斷嗎、,還能夠經過一些瀏覽器特有的對象,來判斷瀏覽器的信息
             好比:ActiveXObject
            */
        </script>
    </head>
    <body>
    </body>
</html>
相關文章
相關標籤/搜索