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

2019-11-20 09:17:03

字体：大中小

来源：转载

供稿：网友

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

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

<!DOCtype html><html><head>	<title></title></head><body onload="whatBrowser()">	<script> function whatBrowser() {  document.Browser.Name.value=navigator.appName;  document.Browser.Version.value=navigator.appVersion;  document.Browser.Code.value=navigator.appCodeName;  document.Browser.Agent.value=navigator.userAgent;  }  </script> <table> <form name="Browser"> <tr> <td> 浏览器名称: </td> <td> <input type="txt" name="Name" size="110%"></td> </tr> <tr> <td> 版本号:</td> <td> <input type="txt" name="Version" size="110%"></td> </tr> <tr> <td> 代码名称: </td> <td> <input type="txt" name="Code" size="110%"></td> </tr> <tr> <td> 用户代理标识:</td> <td> <input type="txt" name="Agent" size="110%"></td> </tr> </form> </table> </body></html>

函数式代码

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

支持移动端判断的代码

<script>   var browser = {     versions: function () {       var u = navigator.userAgent, app = navigator.appVersion;       return {     //移动终端浏览器版本信息         trident: u.indexOf('Trident') > -1, //IE内核         presto: u.indexOf('Presto') > -1, //opera内核         webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核         gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核         mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端         ios: !!u.match(//(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端         android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器         iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器         iPad: u.indexOf('iPad') > -1, //是否iPad         webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部       };     }(),     language: (navigator.browserLanguage || navigator.language).toLowerCase()   }    if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面       var ua = navigator.userAgent.toLowerCase();//获取判断用的对象       var u = navigator.userAgent;       var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端       var isiOS = !!u.match(//(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端       if (ua.match(/MicroMessenger/i) == "micromessenger") {       //在微信中打开       }     if (ua.match(/WeiBo/i) == "weibo" && isiOS) {       //alert("我在微博中被打开IOS");      var flag;      document.addEventListener('touchmove', function (event) { 　　 //监听滚动事件        if(flag==1){　　　　　　　　　　　　　　　　　　　　　　　　　　　　//判断是遮罩显示时执行，禁止滚屏          event.preventDefault();　　　　　　　　　　　　　　　　　　　//最关键的一句，禁止浏览器默认行为        }      })      $(".download-button,#headermenudownlink,#appshareheaderdownlink,#appsharesayhidownlink,#appsharevslogodownlink,#appsharevsdownlink").bind("click",function () {        flag = 1;        //alert('ios下载');        $("#shade-father").css({"display":"block","background-color":"rgba(0,0,0,0.4)"});        //$("body").css("paddingTop","2.3rem");        $("#shade-child").css("height","4rem");      });      $('#shade-father').click(function (){        flag = 0;        $("#shade-father").css({"display":"none","background-color":"rgba(0,0,0,0)"});        $("#shade-child").css("height","0");        //$("body").css("paddingTop","0");      });     }   if (ua.match(/WeiBo/i) == "weibo" && isAndroid) {    }   if (ua.match(/QQ/i) == "qq") {     //在QQ空间打开   }   if (browser.versions.ios) {     //是否在IOS浏览器打开   }   if(browser.versions.android){     //是否在安卓浏览器打开   }   } else {     //否则就是PC浏览器打开   }</script>

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

上一篇：基于BootStrap实现局部刷新分页实例代码

下一篇：jQuery.ajax 跨域请求webapi设置headers的解决方案