用 javascript 偵測不同裝置

最近在開發網站上想做Responsive Web Design，本來打算用media query來做，可是後來覺得抓得很不準卻，ie還完全不鳥我，所以後來就去找了用javascript控制的方法，應該就解決了。

view plaincopy to clipboardprint?

1. var isMobile = {   
2.     Android: function() {   
3.         return navigator.userAgent.match(/Android/i);   
4.     },   
5.     BlackBerry: function() {   
6.         return navigator.userAgent.match(/BlackBerry/i);   
7.     },   
8.     iOS: function() {   
9.         return navigator.userAgent.match(/iPhone|iPad|iPod/i);   
10.     },   
11.     Opera: function() {   
12.         return navigator.userAgent.match(/Opera Mini/i);   
13.     },   
14.     Windows: function() {   
15.         return navigator.userAgent.match(/IEMobile/i);   
16.     },   
17.     any: function() {   
18.         return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());   
19.     }   
20. };  

上面是偵測device，下面再根據各device做不一樣的動作。

view plaincopy to clipboardprint?

1. if( isMobile.iOS() ) alert('iOS');  

反應：