Home > Article > Web Front-end > How does js determine browser information?
This time I will bring you information about how js determines the browser. About js to obtain various browser information, such as WeChat browser, qq built-in browser, computerFirefox browser, QQ browser, etc. What are the precautions ? The following is a practical case, let’s take a look.
Judge mobile phone-related browsers
if (browser.versions.mobile) { //判断是否是移动设备打开。browser代码在下面 var ua = navigator.userAgent.toLowerCase();//获取判断用的对象 if (ua.match(/MicroMessenger/i) == "micromessenger") { //在微信中打开 } if (ua.match(/WeiBo/i) == "weibo") { //在新浪微博客户端打开 } if (browser.versions.ios) { //是否在IOS浏览器打开 } if (ua.match(/QQ/i) == "qq") { //在QQ空间打开 } if(browser.versions.android){ //是否在安卓浏览器打开 } } else { //否则就是PC浏览器打开 }
Browser information summary
var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 iPad: u.indexOf('iPad') > -1, //是否iPad iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器 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浏览器 webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部 }; }(), language: (navigator.browserLanguage || navigator.language).toLowerCase() }
I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related matters on the php Chinese website article!
Recommended reading:
How to use JQ to right-click to collect web pages
The API that jQuery must master
jQuery implements form verification after multi-layer verification
The above is the detailed content of How does js determine browser information?. For more information, please follow other related articles on the PHP Chinese website!