現在使用手機上網的人越來越多，一些下載網站會通過判斷不同系統手機來訪問不同網頁，比如iPhone和Android。下面我們就來介紹一下如何用javascript判斷iPhone或Android手機訪問

代碼一、

1. <script type="text/javascript"> 
2. var browser = { 
3. versions: function () { 
4. var u = navigator.userAgent, app = navigator.appVersion; 
5. return {//移動終端瀏覽器版本信息 
6. trident: u.indexOf('Trident') > -1, //IE內核 
7. presto: u.indexOf('Presto') > -1, //opera內核 
8. webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內核 
9. gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內核 
10. mobile: !!u.match(/AppleWebKit.*Mobile/i) || !!u.match(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/), //是否為移動終端 
11. ios: !!u.match(//(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端 
12. android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android終端或者uc瀏覽器 
13. iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否為iPhone或者QQHD瀏覽器 
14. iPad: u.indexOf('iPad') > -1, //是否iPad 
15. webApp: u.indexOf('Safari') == -1 //是否web應該程序，沒有頭部與底部 
16. }; 
17. } (), 
18. language: (navigator.browserLanguage || navigator.language).toLowerCase() 
19. } 
20. if (browser.versions.iPhone || browser.versions.iPad || browser.versions.ios) { 
21. window.location.href = "http://www.survivalescaperooms.com"; 
22. } 
23. if (browser.versions.android) { 
24. window.location.href = "http://www.qq.com"; 
25. } 
26. </script> 

如何判斷是否是 iPad 瀏覽器呢，關鍵是看它的 User Agent 中是否有 iPad。iPad 使用的是 Safari Mobile 瀏覽器，他的的 User Agent 是：

Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10

Javascript代碼

function is_iPad(){

var ua = navigator.userAgent.toLowerCase();

if(ua.match(/iPad/i)=="ipad") {

return true;

} else {

return false;

}

}

因此，判斷ipad,iphone,android的代碼為：

1. <script type="text/javascript">  
2. var bForcepc = fGetQuery("dv") == "pc";  
3. function fBrowserRedirect(){  
4. var sUserAgent = navigator.userAgent.toLowerCase();  
5. var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";  
6. var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";  
7. var bIsMidp = sUserAgent.match(/midp/i) == "midp";  
8. var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";  
9. var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";  
10. var bIsAndroid = sUserAgent.match(/android/i) == "android";  
11. var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";  
12. var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";  
13. if(bIsIpad){  
14. var sUrl = location.href;  
15. if(!bForcepc){  
16. window.location.href = "http://m.vevb.com/?ipad";  
17. }  
18. }  
19. if(bIsIphoneOs || bIsAndroid){  
20. var sUrl = location.href;  
21. if(!bForcepc){  
22. window.location.href = "http://m.vevb.com/?iphone";  
23. }  
24. }  
25. if(bIsMidp||bIsUc7||bIsUc||bIsCE||bIsWM){  
26. var sUrl = location.href;  
27. if(!bForcepc){  
28. window.location.href = "http://m.vevb.com/";  
29. }  
30. }  
31. }  
32. function fGetQuery(name){//獲取參數值  
33. var sUrl = window.location.search.substr(1);  
34. var r = sUrl.match(new RegExp("(^|&)" + name + "=([^&]*)(&|$)"));  
35. return (r == null ? null : unescape(r[2]));  
36. }  
37. function fShowVerBlock(){  
38. if(bForcepc){  
39. document.getElementById("dv_block").style.display = "block";  
40. }  
41. else{  
42. document.getElementById("ad_block").style.display = "block";  
43. }  
44. }  
45. fBrowserRedirect();  
46. </script>