当前位置：Gxlcms > JavaScript > js智能获取浏览器版本UA信息的方法

js智能获取浏览器版本UA信息的方法

时间：2021-07-01 10:21:17 帮助过：68人阅读

js智能获取浏览器版本UA信息的方法

用js如何获取UA（user Agent）用户代理

  1. <!DOCtype html>
  2. <html>
  3. <head>
  4. <title></title>
  5. </head>
  6. <body onload="whatBrowser()">
  7. <script> 
  8. function whatBrowser() {  
  9. document.Browser.Name.value=navigator.appName;  
  10. document.Browser.Version.value=navigator.appVersion;  
  11. document.Browser.Code.value=navigator.appCodeName;  
  12. document.Browser.Agent.value=navigator.userAgent;  
  13. }  
  14. </script> 
  15. <table> 
  16. <form name="Browser"> 
  17. <tr> 
  18. <td> 浏览器名称: </td> 
  19. <td> <input type="txt" name="Name" size="110%"></td> 
  20. </tr> 
  21. <tr> 
  22. <td> 版本号:</td> 
  23. <td> <input type="txt" name="Version" size="110%"></td> 
  24. </tr> 
  25. <tr> 
  26. <td> 代码名称: </td> 
  27. <td> <input type="txt" name="Code" size="110%"></td> 
  28. </tr> 
  29. <tr> 
  30. <td> 用户代理标识:</td> 
  31. <td> <input type="txt" name="Agent" size="110%"></td> 
  32. </tr> 
  33. </form> 
  34. </table> 
  35. </body>
  36. </html>

函数式代码

  1. /*
  2. * 智能获取浏览器版本信息
  3. *
  4. */
  5. var browser={
  6.   versions:function(){
  7.   var u = navigator.userAgent, app = navigator.appVersion;
  8.   return {//移动终端浏览器版本信息
  9.    trident: u.indexOf('Trident') > -1, //IE内核
  10.    presto: u.indexOf('Presto') > -1, //opera内核
  11.    webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
  12.    gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
  13.    mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否为移动终端
  14.    ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
  15.    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
  16.    iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
  17.    iPad: u.indexOf('iPad') > -1, //是否iPad
  18.    webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
  19.   };
  20.   }(),
  21.   language:(navigator.browserLanguage || navigator.language).toLowerCase()
  22. }

支持移动端判断的代码

  1. <script>
  2.  
  3.   var browser = { 
  4.     versions: function () { 
  5.       var u = navigator.userAgent, app = navigator.appVersion; 
  6.       return {     //移动终端浏览器版本信息 
  7.         trident: u.indexOf('Trident') > -1, //IE内核 
  8.         presto: u.indexOf('Presto') > -1, //opera内核 
  9.         webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核 
  10.         gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核 
  11.         mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端 
  12.         ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端 
  13.         android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器 
  14.         iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器 
  15.         iPad: u.indexOf('iPad') > -1, //是否iPad 
  16.         webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部 
  17.       }; 
  18.     }(), 
  19.     language: (navigator.browserLanguage || navigator.language).toLowerCase() 
  20.   }
  21.  
  22.  
  23.   if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面 
  24.       var ua = navigator.userAgent.toLowerCase();//获取判断用的对象 
  25.       var u = navigator.userAgent; 
  26.       var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 
  27.       var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 
  28.       if (ua.match(/MicroMessenger/i) == "micromessenger") { 
  29.       //在微信中打开 
  30.       }
  31.  
  32.     if (ua.match(/WeiBo/i) == "weibo" && isiOS) { 
  33.       //alert("我在微博中被打开IOS");
  34.       var flag;
  35.       document.addEventListener('touchmove', function (event) { 　　 //监听滚动事件
  36.         if(flag==1){　　　　　　　　　　　　　　　　　　　　　　　　　　　　//判断是遮罩显示时执行，禁止滚屏
  37.           event.preventDefault();　　　　　　　　　　　　　　　　　　　//最关键的一句，禁止浏览器默认行为
  38.         }
  39.       })
  40.       $(".download-button,#headermenudownlink,#appshareheaderdownlink,#appsharesayhidownlink,#appsharevslogodownlink,#appsharevsdownlink").bind("click",function () {
  41.         flag = 1;
  42.         //alert('ios下载');
  43.         $("#shade-father").css({"display":"block","background-color":"rgba(0,0,0,0.4)"});
  44.         //$("body").css("paddingTop","2.3rem");
  45.         $("#shade-child").css("height","4rem");
  46.       });
  47.       $('#shade-father').click(function (){
  48.         flag = 0;
  49.         $("#shade-father").css({"display":"none","background-color":"rgba(0,0,0,0)"});
  50.         $("#shade-child").css("height","0");
  51.         //$("body").css("paddingTop","0");
  52.       });
  53.  
  54.     }
  55.  
  56.   if (ua.match(/WeiBo/i) == "weibo" && isAndroid) {
  57.  
  58.  
  59.   }
  60.  
  61.   if (ua.match(/QQ/i) == "qq") {
  62.  
  63.     //在QQ空间打开
  64.  
  65.   }
  66.  
  67.   if (browser.versions.ios) {
  68.  
  69.     //是否在IOS浏览器打开
  70.  
  71.   }
  72.  
  73.   if(browser.versions.android){
  74.  
  75.     //是否在安卓浏览器打开
  76.  
  77.   }
  78.  
  79.   } else {
  80.  
  81.     //否则就是PC浏览器打开
  82.  
  83.   }
  84. </script>

以上这篇js智能获取浏览器版本UA信息的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

人气教程排行

本站所有资源全部来源于网络，若本站发布的内容侵害到您的隐私或者利益，请联系我们删除！