JS判断浏览器类型

JS判断浏览器类型

jsbroswer1.jpg

适用场景

对于不同的浏览器设置不同的显示效果等,比如zoom的效果在火狐浏览器中不兼容,那么就可以使用js判断当前浏览器为火狐时,适用单独的css去实现类似效果

示例代码html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>检测浏览器类型</title>
    <script>
        function showbroswer(){
            if((!!window.ActiveXObject || "ActiveXObject" in window)){
                alert('IE');//IE浏览器
            }
            if(navigator.userAgent.indexOf("Firefox")!=-1){
                alert('Firefox');//火狐浏览器
            }
            if(navigator.userAgent.indexOf("Chrome")!=-1){
                alert("Chrome");//Chrome内核浏览器
            }
            if(navigator.userAgent.indexOf("Safari")!=-1){
                alert("Safari");//Safari浏览器
            }
        }
    </script>
</head>
<body>
<button onclick="showbroswer()">检测浏览器类型</button>
</body>
</html>
© 版权声明
THE END
喜欢就支持以下吧
点赞0
分享
评论 抢沙发