8-13 userAgent
本节编程练习不计算学习进度,请电脑登录imooc.com操作

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行,点击"查看浏览器"按钮,显示浏览器和浏览器相关信息。

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>navigator</title>
  6. <script type="text/javascript">
  7. function validB(){
  8. var u_agent = ;
  9. var B_name="不是想用的主流浏览器!";
  10. if(u_agent.indexOf("Firefox")>-1){
  11. B_name="Firefox";
  12. }else if(u_agent.indexOf("Chrome")>-1){
  13. B_name="Chrome";
  14. }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){
  15. B_name="IE(8-10)";
  16. }
  17. document.write("浏览器:"+B_name+"<br>");
  18. document.write("u_agent:"+u_agent+"<br>");
  19. }
  20. </script>
  21. </head>
  22. <body>
  23. <form>
  24. <input type="button" value="查看浏览器" >
  25. </form>
  26. </body>
  27. </html>
下一节