用 javascript 偵測不同裝置

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

  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做不一樣的動作。

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

留言