對同一個網址 不同設備訪問不同的頁面的問題

在開發網站的時候,經常遇到這樣的需求:用戶輸入或點擊了一個網址,如果用戶用的設備是手機、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文件如下:


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,593評論 25 708
  • 今日はかず(數)を勉強しますひとつ、ふたつ、みっつ、よっつ、いつついっさつ(1冊)、2冊、3冊、4冊、5冊などなど...
    歷奇閱讀 214評論 0 0
  • 工具,可能是人類歷史上最偉大的發明,而技術的進步也在推動著工具的進化與更新,同時工具和技術也在促進人們不斷提高工作...
    數據研究員閱讀 1,745評論 11 37
  • 尾生,對一個人的約定念念不忘,心甘情愿畫地為牢,即便心碎身亡,也要在原地留一縷魂魄。等了五年又三十年,仿佛為一個人...
    鋼琴別閱讀 224評論 2 1
  • 有一個年輕人去買碗,來到店里他順手拿起一只碗,然后依次與其它碗輕輕碰擊,碗與碗之間相碰時立即發出沉悶、渾濁的聲響,...
    郭美金閱讀 279評論 0 0