判斷訪問網頁的是移動裝置還是pc裝置

antzone發表於2017-04-13

比較人性化的網站通常要區分是移動裝置還是pc電腦訪問網頁,以便顯示不同的頁面效果。

達到最好的使用者體驗,下面就分享一段能夠實現此功能的程式碼。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
function platform() {
  if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) {
    if (window.location.href.indexOf("?mobile") < 0) {
      try {
        if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
          return 1;
        }else if (/iPad/i.test(navigator.userAgent)) {
          return 1;
        } else {
          return 1;
        }
      } catch (e) {}
    }
  } else {
    return 0;
  }
}
var isPC = platform();
if (isPC != 0) {
  window.location.href = "mobile.html";
}

platform()函式返回1那麼表示是移動端訪問,如果返回0那表示是pc端訪問。

相關文章