JS检测浏览器类型

最新推荐文章于 2024-08-24 08:25:57 发布

软软要当程序媛

最新推荐文章于 2024-08-24 08:25:57 发布

阅读量1.3k

点赞数 2

分类专栏：程序媛之路文章标签： JavaScript

本文链接：https://blog.csdn.net/weixin_45085360/article/details/93667864

版权

程序媛之路专栏收录该内容

7 篇文章 0 订阅

订阅专栏

如何检测浏览器类型？JavaScript——BOM中的Navigator对象

用到UserAgent方法。UserAgent可以用来识别浏览器的名称，版本，引擎以及操作系统等信息。
下面是一段自己试着写的检测浏览器类型的代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>userAgent</title>
    </head>
    <body>
       <input type="button" value="点击获取浏览器信息" id="browser">
       <script type="text/javascript">
           window.onload = function(){
              var btn = document.getElementById("browser");
              //检测浏览器信息
              function getType(){
              //获取UserAgent属性
                var type = navigator.userAgent;
                if(type.indexOf("MSIE")>-1){
                  return "IE";
                }else if(type.indexOf("Firefox")>-1){
                  return "火狐";
                }else if(type.indexOf("Chrome")>-1){
                  return "谷歌";
                }else{
                  return "其他";
                }
              }
              btn.onclick = function(){
                alert("您使用的是"+getType()+"浏览器");
              }
           }
       </script>
    </body>
</html>

还可以添加检测Opera，Safari等浏览器，方法同上