Use JavaScript to determine if a user is a mobile device

Recently in do service number development, which encountered a problem is the service number to view the personal messages, if clicked in the browser view (in iOS is open in Safari) should be to jump to the login page, because the page needs to be retrieved from the background, because the server needs to be judged, If the storage page does not need background data can be judged in the foreground, because the background is nodejs, so give the client and server two version of the Code for reference.

Client Judgment

The method is very simple, is through useragent to judge, first judge whether is mobile end, can judge is the iOS terminal and the Android terminal, can also be specific to the application to judge, microblogging, QQ visit:

var browser = {
Versions:function () {
var u = navigator.useragent,
UA = Navigator.userAgent.toLowerCase ();
return {//Mobile terminal browser version information
Trident:u.indexof (' Trident ') >-1,//ie core
Presto:u.indexof (' presto ') >-1,//opera core
Webkit:u.indexof (' AppleWebKit ') >-1,//Apple, Google kernel
Gecko:u.indexof (' Gecko ') >-1 && u.indexof (' khtml ') = =-1,//Firefox kernel
Mobile:!! U.match (/applewebkit.*mobile.*/),//Whether it is a mobile terminal
Ios:!! U.match (/\ (i[^;] +;( U;)? Cpu.+mac OS x/),//ios terminal
Android:u.indexof (' Android ') >-1 | | U.indexof (' Linux ') >-1,//android terminal or UC Browser
Iphone:u.indexof (' iphone ') >-1,//whether for iphone or Qqhd browser
Ipad:u.indexof (' ipad ') >-1,//whether ipad
Webapp:u.indexof (' Safari ') = =-1,//whether the Web should be program, no head with bottom
Wechat:ua.match (/micromessenger/i) = = "Micromessenger",//
Weibo:ua.match (/weibo/i) = = "Weibo",//Weibo
Qq:ua.match (/qq/i) = = "QQ"//qq
};
}(),
Language: (Navigator.browserlanguage | | navigator.language). toLowerCase ()
};
Console.log (navigator.useragent);
Service-Side judgment

Nodejs is also judged by useragent, the code is as follows:

var browser= function (req) {
var u = req.headers[' user-agent '];
var ua = U.tolowercase ();
Mobile Terminal Browser version information
return {
Trident:u.indexof (' Trident ') >-1,//ie core
Presto:u.indexof (' presto ') >-1,//opera core
Webkit:u.indexof (' AppleWebKit ') >-1,//Apple, Google kernel
Gecko:u.indexof (' Gecko ') >-1 && u.indexof (' khtml ') = =-1,//Firefox kernel
Mobile:!! U.match (/applewebkit.*mobile.*/),//Whether it is a mobile terminal
Ios:!! U.match (/\ (i[^;] +;( U;)? Cpu.+mac OS x/),//ios terminal
Android:u.indexof (' Android ') >-1 | | U.indexof (' Linux ') >-1,//android terminal or UC Browser
Iphone:u.indexof (' iphone ') >-1,//whether for iphone or Qqhd browser
Ipad:u.indexof (' ipad ') >-1,//whether ipad
Webapp:u.indexof (' Safari ') = =-1,//whether the Web should be program, no head with bottom
Wechat:ua.match (/micromessenger/i) = = "Micromessenger",//
Weibo:ua.match (/weibo/i) = = "Weibo",//Weibo
Qq:ua.match (/qq/i) = = "QQ"//qq space
};
};

Exports.browser=browser;
Basic judgments have, can be based on the results of the decision to give a different response ~

Use JavaScript to determine if a user is a mobile device