js判断浏览器类型，判断ie内核，webkit

最新推荐文章于 2024-06-28 23:47:12 发布

小青蛙呱呱跳

最新推荐文章于 2024-06-28 23:47:12 发布

阅读量620

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/xiaohanshasha/article/details/117967378

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript如何识别不同浏览器类型（如Opera, IE, Edge, Firefox, Safari, Chrome, QQBrowser）以及如何检查是否为IE内核。还讨论了如何通过<meta>标签强制使用不同浏览器内核，如WebKit、IE兼容和标准模式。

摘要由CSDN通过智能技术生成

js判断浏览器类型

<script>
        function _mime(option, value) {
            const mimeTypes = navigator.mimeTypes;
            for (const mt in mimeTypes) {
                if (mimeTypes[mt][option] == value) {
                    return true;
                }
            }
            return false;
        }
        const userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
        console.log('userAgent:'+userAgent);
        const isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
        const isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
        const isEdge = userAgent.indexOf("Edge") > -1; //判断是否IE的Edge浏览器
        const isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器
        const isSafari = userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1; //判断是否Safari浏览器
        const isChrome = userAgent.indexOf("Chrome") > -1; //判断Chrome浏览器
        const isQQ = userAgent.indexOf("QQBrowser") > -1; //判断Chrome浏览器
        const is360 =_mime("type", "application/vnd.chromium.remoting-viewer");

        console.log('isOpera:'+isOpera);
        console.log('isIE:'+isIE);
        console.log('isEdge:'+isEdge);
        console.log('isFF:'+isFF);
        console.log('isSafari:'+isSafari);
        console.log('isChrome:'+isChrome);
        console.log('isQQ:'+isQQ);
        console.log('is360:'+is360);
</script>

判断是否为ie内核

<script>
        function isIEcore() {
            //ie?
            if (!!window.ActiveXObject || "ActiveXObject" in window) {
                //是
                return true;
            } else {
                //不是
                return false;
            }
        }
        if(isIEcore()){
            alert('该浏览器不支持，请换其他浏览器！');
        }

    </script>

强制使用webkit内核

若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit"> 
若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp"> 
若页面需默认用ie标准内核，增加标签：<meta name="renderer" content="ie-stand"> 
content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。

 <meta name="renderer" content="webkit">

https://bbs.360.cn/thread-14958904-1-1.html