判断当前所用浏览器是否为常用浏览器

最新推荐文章于 2024-05-05 22:50:46 发布

㼛思雨

最新推荐文章于 2024-05-05 22:50:46 发布

阅读量209

点赞数

分类专栏： Javascript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45147894/article/details/109057167

版权

Javascript 专栏收录该内容

90 篇文章 2 订阅

订阅专栏

navigator对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。

appVersion 浏览器版本号

language(除IE外) 除浏览器外设置的语言

userLanguage(IE) 操作系统设置的语言

systemLanguage(IE) 操作系统缺身设置的语言

browserLanguage(IE) 浏览器设置的语言

还有许多属性和方法可以再MDN上查找。

检测浏览器

客户端浏览器每次发送http请求时，都会附带一个userAgent 的字符串。故可以利用该字符串来识别客户的浏览器的类型。

IE6.0的返回字符串：Mozilla/4.0(compatible:MSIE6.0;WindowNT 5.1)

Opera9.0的返回字符串：Opera/9.00(Window NT 5.1;U;zh-cn)

判断当前所用浏览器是否是常用浏览器

方案1：

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-widthh, initial-scale=1.0">
    <title>Document</title>
    
</head>

<body>
    <script>
        function validB(){
       var u_agent=navigator.userAgent;
       var B_name="不是常用的主流浏览器！";
       if(u_agent.indexOf("Firefox")>-1){
           B_name="Firefox";
       }else if(u_agent.indexOf("Chrome")>-1){
           B_name="Chrome";
       }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){
B_name="IE(8-10)";
       }
       document.write("浏览器："+B_name+"<br/>");
       document.write("u_agent:"+u_agent+"<br/>");
    }
       validB()
   
    </script>
</body>

</html>

方案2：

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-widthh, initial-scale=1.0">
    <title>Document</title>
    
</head>

<body>
    <script>
      var u=navigator.userAgent.toLowerCase();
      var info={
          ie:/msie/.test(u)|| /trident/.test(u),
          op:/opera/.test(u),
          sa:/version.*safari/.test(u),
          ch:/chrome/.test(u),
          ff:/gecko/.test(u)&&/firefox/.test(u)
      };
      if(info.ie)
      alert("ie");   //IE
      if(info.ff)
      alert("火狐");    //火狐
      if(info.ch)
      alert("google");     //
   
    </script>
</body>

</html>