浏览器中最简单的方法来检测手机

Question

I use a script generator -- http://detectmobilebrowsers.com/ -- to detect mobile phones in order to redirect the page to a subdomain that has a special template for phones.

I'm only interested in mobile phones only. Ipad, Android tablets will not be redirected. All I need to know is if this script covers IPhone 4 and IPhone 5, because I don't have these models to test it. Anyway, I have tested on Safari using Developer menu - user agent - Safari ios 4.3.3 Iphone, and the page is redirected as needed. Is this enough for what I want or I should use the following script too:

var iphone4 = (window.screen.height == (960 / 2)) ? true : false;
var iphone5 = (window.screen.height == (1136 / 2)) ? true : false;
if (iphone4 && iphone5) {
    parent.location.href='http://www.mobile.mysite.com';
}

Answer 1

Yes, the regex from http://detectmobilebrowsers.com/ will detect iPhone (and iPod Touch for that matter) all versions... ip(hone|od) is the regex portion that will match it.

if you wanted a script just for iPhone/iPod you could trim the aforementioned script down to:

 (function (a, b) { if (/ip(hone|od)/i.test(a)) window.location = b } )(navigator.userAgent || navigator.vendor || window.opera, 'http://www.mobile.mysite.com'); 

EDIT:

or instead use this script to detect Mobile devices

(function (a, b) { if (/Mobi/.test(a)) window.location = b }
)(navigator.userAgent || navigator.vendor || window.opera, 'http://www.mobile.mysite.com');

based on the recommendation of Browser detection using the user agent | MDN :

we recommend looking for the string "Mobi" anywhere in the User Agent to detect a mobile device. If the device is large enough that it's not marked with "Mobi", you should serve your desktop site (which, as a best practice, should support touch input anyway, as more desktop machines are appearing with touchscreens).

Answer 2

这应该工作。

var bIsMobile = (navigator.userAgent.toLowerCase().indexOf("mobile") != -1 && navigator.userAgent.toLowerCase().indexOf("ipad") == -1);