machinecat520
/
zj-Exercise


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>

        /**
         * BOM
         *  -浏览器对象模型
         *  -BOM可以使我们通过JS来操作浏览器
         *  -在BOM中为我们提供了一组对象，用来完成对浏览器的操作
         *  -BOM对象
         *      Window
         *          -代表的是整个浏览器的窗口，同时window也是网页中的全局对象
         *      Navigator
         *          -代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器
         *      Location
         *          -代表当前浏览器的地址栏信息，通过Location可以获取地址栏信息，
         *              或者操作浏览器跳转页面
         *      History
         *          -代表浏览器的历史记录，可以通过该对象来操作浏览器的历史记录
         *              由于隐私原因，该对象不能获取到具体的历史记录，只能
         *              操作浏览器向前或向后翻页，而且该操作只在当次访问有效
         *      Screen
         *          -代表用户的屏幕的信息，通过该对象可以获取到用户的显示器的相关信息
         *  这些BOM对象在浏览器中都是作为window对象的属性来保存的，
         *      可以通过window对象来使用，也可以直接使用
        */

        // console.log(window.navigator);
        // console.log(navigator);
        // console.log(location);
        // console.log(history);

        /**
         * Navigator
         *  -代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器
         *  -由于历史原因，Navigator对象中的大部分属性都已经不能帮助我们识别浏览器了
         *  -一般我们只会用userAgent来判断浏览器的信息
         *      userAgent是一个字符串，这个字符串中包含有用来描述浏览器信息的内容，
         *      不同的浏览器会有不同的userAgent
         * 火狐的userAgent
         *      Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:99.0) Gecko/20100101 Firefox/99.0
         * 谷歌（Chrome）浏览器的userAgent
         *      Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36
         * Edge中的userAgent
         *      Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.127 Safari/537.36 Edg/100.0.1185.50
         * -在IE11中已经将微软和IE相关的标识都已经去除了，所以我们基本已经不能通过
         *      userAgent来识别一个浏览器是否是IE了
        */

        // alert(navigator.appName);
        var ua = navigator.userAgent;
        // console.log(ua);
        // if (/firefox/i.test(ua)) {
        //     alert("火狐浏览器");
        // }else if(/Chrome/i.test(ua)){
        //     alert("谷歌浏览器");
        // }else if(/msie/i.test(ua)){
        //     alert("IE浏览器");
        // };

        /**
         * 如果通过userAgent不能判断，还可以通过一些浏览器中特有的对象，
         *      来判断浏览器的信息
         * 比如：ActiveXObject
        */

        // if(window.ActiveXObject){
        //     alert('IE浏览器');
        // }else{
        //     alert('不是IE浏览器');
        // };

        // alert(window.ActiveXObject);
        //把window.ActiveXObject转换成布尔值
        // alert(!!window.ActiveXObject);
        // alert("ActiveXObject" in window);

        if (/firefox/i.test(ua)) {
            alert("火狐浏览器");
        } else if(/Chrome/i.test(ua) && /Edg/i.test(ua)){
            alert('Edge浏览器');
        }else if (/Chrome/i.test(ua)) {
            alert("谷歌浏览器");
        } else if (/msie/i.test(ua)) {
            alert("IE浏览器");
        }else if("ActiveXObject" in window){
            alert("IE浏览器");
        };


    </script>
</head>

<body>

</body>

</html>