JavaScript判斷移動端及pc端訪問不同的網站

JavaScript判斷移動端及pc端訪問不同的網站

現在很多網站都是分為兩個版本,一個pc端的一個移動端的(響應式除外),針對這兩個版本,就需要對訪問的設備進行判斷,如果是pc,就直接訪問pc網站,否則就訪問移動端網站。

對于這個問題可以通過判斷UA來解決,前端js可以判斷,后端判斷也行,這里我們主要討論的是如何通過js來處理。

假如我們有一個網站,pc端通過www.test.com訪問,而移動端通過m.test.com來訪問。我們需要做的就是當移動端訪問www.test.com時可以直接跳轉到m.test.com。此時我們只需這樣處理就可以了,在頁面頭部加入如下js代碼

`stringObject.indexOf(searchvalue,fromindex)`

(function(){varurl=location.href;// replace www.test.com with your domainif((url.indexOf('www.test.com')!=-1)&&navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)){location.;}})();

但是,多數情況下不止這么簡單地直接從www.test.com跳轉到m.test.com。我們網站除了主機名部分,后面跟的還有,比如:www.test.com/list/98/,對于這樣一個url,PC就直接這樣訪問了,對于移動端,需要通過m.test.com/list/98/才可以呈現出比較好的效果。

那么,此時就可以用正則來處理,當移動端訪問時,我們把“http://www”替換為“http://m”(冒號為英文冒號),然后更新頁面就可以看到頁面在移動端上呈現的效果了。具體代碼如下:

(function(){varurl=location.href;// replace www.test.com with your domainif((url.indexOf('www.test.com')!=-1)&&navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)){varnewUrl=url.replace('http://www','http://m');location.href=newUrl;}})();

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

推薦閱讀更多精彩內容

  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,948評論 18 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,349評論 25 708
  • 成功點: 1.早起讀書一個小時 2.上班沒遲到 3.睡覺前沒有看手機 不足: 1.中午沒午睡,在購物網站上浪費時間...
    面包圈兒閱讀 82評論 0 0
  • 自6月1日加入白教主寫作訓練營以來,每天上傳一篇500字以上的文章。 當時3分鐘之內就加好友、轉發朋友圈、截圖轉賬...
    阿好在德國閱讀 498評論 2 2
  • 一直在聽星姐的課,感觸頗多。她說:寫作也需要儀式感。我特別贊同這句話。 儀式感這個詞是最近幾年才出現的。生活需要儀...
    簡禾時光閱讀 521評論 4 9