JS window对象 userAgent 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串) 语法 navigator.userAgent

最新推荐文章于 2023-02-24 21:26:53 发布

原创最新推荐文章于 2023-02-24 21:26:53 发布 · 442 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #web前端 #对象

JavaScript进阶篇专栏收录该内容

91 篇文章

订阅专栏

本文介绍了一种通过JavaScript中的navigator.userAgent属性来识别浏览器类型的方法。文章提供了具体的代码示例，展示了如何根据不同浏览器的UserAgent字符串特征进行判断。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

userAgent

返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)

语法

navigator.userAgent

几种浏览的user_agent.，像360的兼容模式用的是IE、极速模式用的是chrom的内核。

使用userAgent判断使用的是什么浏览器(假设使用的是IE8浏览器),代码如下:

function validB(){ 
  var u_agent = navigator.userAgent; 
  var B_name="Failed to identify the browser"; 
  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:"+B_name+"<br>");
    document.write("u_agent:"+u_agent+"<br>"); 
}

运行结果:

任务

补充右边编辑器第8行，使用userAgent获取浏览器信息，并保存在u_agent中。

补充右边编辑器第24行，点击"查看浏览器"按钮，显示浏览器和浏览器相关信息。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>navigator</title>
<script type="text/javascript">
  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>"); 
  } 
</script>
</head>
<body>
  <form>
     <input type="button" value="查看浏览器" onclick="validB()" >
  </form>
</body>
</html>