在開發網站的時候，經常遇到這樣的需求：用戶輸入或點擊了一個網址，如果用戶用的設備是手機、pad就去訪問A網址，如果用的pc瀏覽器就去訪問B網址，即根據不同設備訪問不同頁面。這個問題如果放到前端來做的話，需要在html文件的head標簽最開始加上下面的js代碼。如果放到后臺來做的話也可以根據User-Agent來判斷和控制。

function isMobile() {

if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)))

return true;

else

return false;

}

var urlMobile='/stock/index.html';//手機pad跳轉的頁面，這個需要開發者自己配置

if(isMobile() !== false)

window.location.href=urlMobile;

原理就是根據navigator.userAgent獲取用戶的瀏覽器信息，然后用正則匹配判斷當前用戶的設備是否是手機和pad，如果是的話跳轉到另一個頁面。

完整的html文件如下：