現在移動端那么火爆，很多人都分開兩個網站，移動端和代碼端，那么一定會做自動跳轉，也就是手機用戶訪問了www的pc網站自動跳轉到m的移動站，反過來也一樣，那么該如果做呢？其他很簡單，復制下面的代碼到你對應的網頁就可以了。
在電腦端的網站頭部放上這段代碼
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<script type="text/JAVAscript"> var test = yidong(); if (test == "0") { location.href = document.URL.replace("www", "m"); } function yidong() { var userAgentInfo = navigator.userAgent.toLowerCase(); var Agents = ["Android", "iphone", "symbianos", "windows phone", "ipad", "ipod"]; var flag = "1"; for (var v = 0; v < Agents.length; v++) { if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = "0"; break; } } return flag; } </script> |
在移動端的網站頭部放上這段代碼
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<script type="text/JavaScript"> var test = yidong(); if (test == "0") { }else{location.href = document.URL.replace("//m", "//www");} function yidong() { var userAgentInfo = navigator.userAgent.toLowerCase(); var Agents = ["android", "iphone", "symbianos", "windows phone", "ipad", "ipod"]; var flag = "1"; for (var v = 0; v < Agents.length; v++) { if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = "0"; break; } } return flag; } </script> |
還可以這么判斷
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
var browser = { versions: function () { var u = navigator.userAgent, App = navigator.appVersion; return { //移動終端瀏覽器版本信息 trident: u.indexOf('Trident') > -1, //IE內核 presto: u.indexOf('Presto') > -1, //opera內核 webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內核 gecko: u.indexOf('Gecko') > -1 && u.indexOf('Khtml') == -1, //火狐內核 mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否為移動終端 IOS: !!u.match(/(i[^;]+;( U;)? CPU.+mac OS X/), //ios終端 android: u.indexOf('Android') > -1 || u.indexOf('linux') > -1, //android終端或者uc瀏覽器 iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否為iPhone或者QQHD瀏覽器 iPad: u.indexOf('iPad') > -1, //是否iPad webApp: u.indexOf('Safari') == -1 //是否web應該程序，沒有頭部與底部 }; }(), language: (navigator.browserLanguage || navigator.language).toLowerCase() } document.writeln("語言版本: " + browser.language); document.writeln(" 是否為移動終端: " + browser.versions.mobile); document.writeln(" ios終端: " + browser.versions.ios); document.writeln(" android終端: " + browser.versions.android); document.writeln(" 是否為iPhone: " + browser.versions.iPhone); document.writeln(" 是否iPad: " + browser.versions.iPad); document.writeln(navigator.userAgent); if (browser.versions.android || browser.versions.iPhone || browser.versions.iPad) { alert("是移動端"); } else { alert("不是移動端"); } |
文章允許轉載，請保留本文鏈接：https://www.zhe94.com/354.html
