分享兩個(gè)手機(jī)訪問pc網(wǎng)站自動(dòng)跳轉(zhuǎn)手機(jī)端網(wǎng)站代碼
4G降臨,移動(dòng)網(wǎng)站已經(jīng)一發(fā)不可收拾,pc端和移動(dòng)端官網(wǎng)并存。如何讓別人訪問你的pc端的官網(wǎng)直接跳轉(zhuǎn)到移動(dòng)端的網(wǎng)站呢?各位看官,小二上代碼!來(lái)了!
常用的訪問pc自動(dòng)跳轉(zhuǎn)到移動(dòng)頁(yè)面的代碼
(function() { if (/Android|webOS|iPhone|iPad|Windows Phone|iPod|BlackBerry|SymbianOS|Nokia|Mobile|Opera Mini/i.test(navigator.userAgent)) { var siteName = window.location.pathname; if (url.indexOf("?pc") < 0) { try { if (typeof siteName !== "undefined") { window.location. + siteName } } catch (e) {} } } })();
訪問移動(dòng)端自動(dòng)跳pc端的代碼
;(function() { var reWriteUrl = function(url) { if (url) { var Splits = url.split("/"), siteName = window.location.pathname; if (typeof siteName !== "undefined") { return "http://www.dbjr.com.cn" + siteName } } }; if (!/Android|webOS|iPhone|iPad|Windows Phone|iPod|BlackBerry|SymbianOS|Nokia|Mobile|Opera Mini/i.test(navigator.userAgent)) { var url = window.location.href; var pathname = window.location.pathname; if (url.indexOf("?m") < 0) { try { window.location.href = reWriteUrl(url) } catch(e) {} } } })();
判斷瀏覽器是否為手機(jī)端
<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.jb51.net"+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頁(yè)面
<script> var browser1 = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return {//移動(dòng)終端瀏覽器版本信息 trident: u.indexOf('Trident') > -1, //IE內(nèi)核 presto: u.indexOf('Presto') > -1, //opera內(nèi)核 webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內(nèi)核 gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內(nèi)核 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/), //是否為移動(dòng)終端 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應(yīng)該程序,沒有頭部與底部 }; } (), 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.");//如果不是手機(jī)打開,則跳轉(zhuǎn)到pc頁(yè)面 alert("pc"); } </script>
以下是補(bǔ)充可以參考
jQuery判斷瀏覽器是移動(dòng)端還是電腦端自動(dòng)跳轉(zhuǎn)
一個(gè)段小代碼,同一個(gè)網(wǎng)站針對(duì)移動(dòng)端查看和電腦端查看跳轉(zhuǎn)不同的頁(yè)面。
首先加載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) { // 移動(dòng)端鏈接地址 document.location.; } });
需要手機(jī)端也網(wǎng)頁(yè)的數(shù)據(jù)同步
<script type="text/javascript">
(function(){var ua=navigator.userAgent.toLowerCase();var bIsIpad=ua.match(/ipad/i)=="ipad";var bIsIphoneOs=ua.match(/iphone os/i)=="iphone os";var bIsAndroid=ua.match(/android/i)=="android";var bIsWM=ua.match(/windows mobile/i)=="windows mobile";if(bIsIpad||bIsIphoneOs||bIsAndroid||bIsWM){window.location.}})();
</script>
第二種方法:
<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; } } //因?yàn)橄喈?dāng)部分的手機(jī)系統(tǒng)不知道信息,這里是做臨時(shí)性特殊辨認(rèn) if(navigator.platform.indexOf('iPad') != -1) { window.location=url; } //做這一部分是因?yàn)锳ndroid手機(jī)的內(nèi)核也是Linux //但是navigator.platform顯示信息不盡相同情況繁多,因此從瀏覽器下手,即用navigator.appVersion信息做判斷 var check = navigator.appVersion; if( check.match(/linux/i) ) { //X11是UC瀏覽器的平臺(tái) ,如果有其他特殊瀏覽器也可以附加上條件 if(check.match(/mobile/i) || check.match(/X11/i)) { window.location=url; } } //類in_array函數(shù) 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");//里面的地址填的就是您的移動(dòng)端的網(wǎng)站地址呦。
- jsp跳轉(zhuǎn)getRequestDispatcher()和sendRedirect()的區(qū)別
- js實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)重定向的幾種方式
- js,jquery滾動(dòng)/跳轉(zhuǎn)頁(yè)面到指定位置的實(shí)現(xiàn)思路
- 百度判斷手機(jī)終端并自動(dòng)跳轉(zhuǎn)js代碼及使用實(shí)例
- js監(jiān)聽鼠標(biāo)點(diǎn)擊和鍵盤點(diǎn)擊事件并自動(dòng)跳轉(zhuǎn)頁(yè)面
- js點(diǎn)擊button按鈕跳轉(zhuǎn)到另一個(gè)新頁(yè)面
- JS實(shí)現(xiàn)頁(yè)面超時(shí)后自動(dòng)跳轉(zhuǎn)到登陸頁(yè)面
- js判斷登錄與否并確定跳轉(zhuǎn)頁(yè)面的方法
- js判斷手機(jī)訪問或者PC的幾個(gè)例子(常用于手機(jī)跳轉(zhuǎn))
- 基于JavaScript代碼實(shí)現(xiàn)pc與手機(jī)之間的跳轉(zhuǎn)
相關(guān)文章
小程序?qū)崿F(xiàn)自定義導(dǎo)航欄適配完美版
這篇文章主要介紹了小程序?qū)崿F(xiàn)自定義導(dǎo)航欄適配完美版,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04WEB 前端開發(fā)中防治重復(fù)提交的實(shí)現(xiàn)方法
這篇文章主要介紹了JS WEB 前端開發(fā)中防治重復(fù)提交的實(shí)現(xiàn)方法,涉及到表單提交的幾種方式介紹,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-10-10微信小程序登錄態(tài)和檢驗(yàn)注冊(cè)過沒的app.js寫法
這篇文章主要介紹了小程序登錄態(tài)和檢驗(yàn)注冊(cè)過沒的app.js寫法, 本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的借鑒價(jià)值,需要的朋友可以參考下2019-05-05JavaScript如何使用插值實(shí)現(xiàn)圖像漸變
這篇文章主要介紹了JavaScript如何使用插值實(shí)現(xiàn)圖像漸變,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-06-06用js+iframe形成頁(yè)面的一種遮罩效果的具體實(shí)現(xiàn)
用js形成頁(yè)面的一種遮罩效果,選擇想要進(jìn)行遮罩的窗口,在這里想要遮罩的是一個(gè)iframe窗口,具體的實(shí)現(xiàn)如下,感興趣的朋友可以參參考下2013-12-12深入淺析JavaScript中的arguments對(duì)象(強(qiáng)力推薦)
這篇文章主要介紹了JavaScript中的arguments對(duì)象(強(qiáng)力推薦)的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06JS實(shí)現(xiàn)排行榜文字向上滾動(dòng)輪播效果
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)排行榜文字向上滾動(dòng)輪播效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-11-11網(wǎng)頁(yè)加載時(shí)頁(yè)面顯示進(jìn)度條加載完成之后顯示網(wǎng)頁(yè)內(nèi)容
網(wǎng)頁(yè)加載時(shí)頁(yè)面顯示進(jìn)度條(加載完成時(shí)顯示網(wǎng)頁(yè)內(nèi)容),這種效果在瀏覽網(wǎng)頁(yè)很常見,本文也介紹一種實(shí)現(xiàn)方法,需要了解的朋友可以參考下2012-12-12JavaScript 匿名函數(shù)(anonymous function)與閉包(closure)
JavaScript 匿名函數(shù)(anonymous function)與閉包(closure) ,學(xué)習(xí)js的朋友可以參考下。2011-10-10