js智能获取浏览器版本UA信息的方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了js智能获取浏览器版本UA信息的方法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含4169字,纯文字阅读大概需要6分钟。
内容图文
![js智能获取浏览器版本UA信息的方法](/upload/InfoBanner/zyjiaocheng/351/6a4d043224194e5e9509deb83fe2ca21.jpg)
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信息的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
内容总结
以上是互联网集市为您收集整理的js智能获取浏览器版本UA信息的方法全部内容,希望文章能够帮你解决js智能获取浏览器版本UA信息的方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。