js代码判断浏览器和浏览器版本号

以下是我写的判断方法可以学习或者直接CV，如果有帮助的话请留下一个赞，会持续更新更实用的代码

        // 获取浏览器信息
        let ua = navigator.userAgent;
        document.write(`<h1>${ua}</h1>`);
        let browser,version;
        // 如果ua中有MSIE就一定是IE浏览器
        if(ua.indexOf("MSIE") != -1) {
            browser = "IE";
        }
        // 如果ua中Trident有就一定是IE浏览器且版本号为11
        else if(ua.indexOf("Trident") != -1) {
            browser = "IE";
            version = 11;
        }
        // 如果ua中Firefox有就一定是Firefox浏览器
        else if(ua.indexOf("Firefox") != -1){
            browser = "Firefox";
        }
        // 如果前几项都没执行此时ua中又含有Edge那一定是Edge浏览器
        else if(ua.indexOf("Edge") != -1){
            browser = "Edge";
        }
        // 如果前几项都没执行此时ua中又含有OPR那一定是OPR浏览器
        else if(ua.indexOf("OPR") != -1){
            browser = "OPR";
        }
        // 如果前几项都没执行此时ua中又含有Chrome那一定是Chrome浏览器
        else if(ua.indexOf("Chrome") != -1){
            browser = "Chrome";
        }
        // 如果前几项都没执行此时ua中又含有Safari那一定是Safari浏览器
        else if(ua.indexOf("Safari") != -1){
            browser = "Safari";
        }
        // 页面上写入浏览器名称
        document.write(`<h1>${browser}</h1>`);
        // 如果version为undefined
        if(version === undefined) {
            // 跳到浏览器名称后的一位
            let i = ua.indexOf(browser) + browser.length + 1;
            // 从i位置截取到i+3的位置就是版本号 
            // 现在浏览器的版本好有三位的，所以我们截取三位,
            //如果是两位则多截取一个.,我们用parseFloat函数就会去掉.
            version = parseFloat(ua.slice(i, i+3));
        }
        // 在页面写入浏览器版本号
        document.write(`<h1>${version}</h1>`);