4G降臨，移動網站已經一發不可收拾，pc端和移動端官網并存。如何讓別人訪問你的pc端的官網直接跳轉到移動端的網站呢？各位看官，小二上代碼！來了！
判斷瀏覽器是否為手機端
<script type="text/javascript">(function(){var reWriteUrl=function(url){if(url){var Splits=url.split("/"),siteName=window.location.pathname;if(typeof siteName!=="undefined"){return"https://m.VeVB.COm"+siteName}}};if(/Android|webOS|iPhone|iPad|Windows Phone|iPod|BlackBerry|SymbianOS|Nokia|Mobile/i.test(navigator.userAgent)){var url=window.location.href;var pathname=window.location.pathname;if(url.indexOf("?pc")<0){try{window.location.href=reWriteUrl(url)}catch(e){}}}})();</script>判斷瀏覽器是否為pc端，是就跳到pc頁面
<script>var browser1 = { 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/i) || !!u.match(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/), //是否為移動終端 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() }if(browser1.versions.mobile==false&&browser1.versions.ios==false&&browser1.versions.android==false&&browser1.versions.iPhone==false &&browser1.versions.iPad==false){ //location.href = location.href.replace("m.","www.");//如果不是手機打開，則跳轉到pc頁面 alert("pc"); }</script>以下是補充可以參考
jQuery判斷瀏覽器是移動端還是電腦端自動跳轉
一個段小代碼，同一個網站針對移動端查看和電腦端查看跳轉不同的頁面。
首先加載jQuery文件。
$(function(){ var MobileUA = (function() { var ua = navigator.userAgent.toLowerCase(); var mua = { IOS: /ipod|iphone|ipad/.test(ua), //iOS IPHONE: /iphone/.test(ua), //iPhone IPAD: /ipad/.test(ua), //iPad ANDROID: /android/.test(ua), //Android Device WINDOWS: /windows/.test(ua), //Windows Device TOUCH_DEVICE: ('ontouchstart' in window) || /touch/.test(ua), //Touch Device MOBILE: /mobile/.test(ua), //Mobile Device (iPad) ANDROID_TABLET: false, //Android Tablet WINDOWS_TABLET: false, //Windows Tablet TABLET: false, //Tablet (iPad, Android, Windows) SMART_PHONE: false //Smart Phone (iPhone, Android) }; mua.ANDROID_TABLET = mua.ANDROID && !mua.MOBILE; mua.WINDOWS_TABLET = mua.WINDOWS && /tablet/.test(ua); mua.TABLET = mua.IPAD || mua.ANDROID_TABLET || mua.WINDOWS_TABLET; mua.SMART_PHONE = mua.MOBILE && !mua.TABLET; return mua; }()); //SmartPhone if (MobileUA.SMART_PHONE) { // 移動端鏈接地址 document.location.; } }); 需要手機端也網頁的數據同步
第二種方法：
<SCRIPT LANGUAGE="JavaScript">function mobile_device_detect(url){ var thisOS=navigator.platform; var os=new Array("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symbian","Windows Phone","Phone","Linux armv71","MAUI","UNTRUSTED/1.0","Windows CE","BlackBerry","IEMobile"); for(var i=0;i<os.length;i++) { if(thisOS.match(os[i])) { window.location=url; } } //因為相當部分的手機系統不知道信息,這里是做臨時性特殊辨認 if(navigator.platform.indexOf('iPad') != -1) { window.location=url; } //做這一部分是因為Android手機的內核也是Linux //但是navigator.platform顯示信息不盡相同情況繁多,因此從瀏覽器下手，即用navigator.appVersion信息做判斷 var check = navigator.appVersion; if( check.match(/linux/i) ) { //X11是UC瀏覽器的平臺 ，如果有其他特殊瀏覽器也可以附加上條件 if(check.match(/mobile/i) || check.match(/X11/i)) { window.location=url; } } //類in_array函數 Array.prototype.in_array = function(e) { for(i=0;i<this.length;i++) { if(this[i] == e) return true; } return false; }} mobile_device_detect("http://***.***.com");</SCRIPT>備注這里的
mobile_device_detect("http://***.***.com");//里面的地址填的就是您的移動端的網站地址呦。
新聞熱點
疑難解答
