Home > Web Front-end > JS Tutorial > body text

How does js determine browser information?

php中世界最好的语言
Release: 2018-03-16 10:01:42
Original
1691 people have browsed it

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浏览器打开 
   }
Copy after login

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()
}
Copy after login

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!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template