分享两个手机访问pc网站自动跳转手机端网站代码
4G降临,移动网站已经一发不可收拾,pc端和移动端官网并存。如何让别人访问你的pc端的官网直接跳转到移动端的网站呢?各位看官,小二上代码!来了!
常用的访问pc自动跳转到移动页面的代码
(function(){ if(/Android|webOS|iPhone|iPad|WindowsPhone|iPod|BlackBerry|SymbianOS|Nokia|Mobile|OperaMini/i.test(navigator.userAgent)){ varsiteName=window.location.pathname; if(url.indexOf("?pc")<0){ try{ if(typeofsiteName!=="undefined"){ window.location.href="https://m.jb51.net"+siteName } }catch(e){} } } })();
访问移动端自动跳pc端的代码
;(function(){ varreWriteUrl=function(url){ if(url){ varSplits=url.split("/"), siteName=window.location.pathname; if(typeofsiteName!=="undefined"){ return"https://www.nhooo.com"+siteName } } }; if(!/Android|webOS|iPhone|iPad|WindowsPhone|iPod|BlackBerry|SymbianOS|Nokia|Mobile|OperaMini/i.test(navigator.userAgent)){ varurl=window.location.href; varpathname=window.location.pathname; if(url.indexOf("?m")<0){ try{ window.location.href=reWriteUrl(url) }catch(e){} } } })();
判断浏览器是否为手机端
<scripttype="text/javascript"> (function(){varreWriteUrl=function(url){if(url){varSplits=url.split("/"),siteName=window.location.pathname;if(typeofsiteName!=="undefined"){return"https://m.jb51.net"+siteName}}};if(/Android|webOS|iPhone|iPad|WindowsPhone|iPod|BlackBerry|SymbianOS|Nokia|Mobile/i.test(navigator.userAgent)){varurl=window.location.href;varpathname=window.location.pathname;if(url.indexOf("?pc")<0){try{window.location.href=reWriteUrl(url)}catch(e){}}}})(); </script>
判断浏览器是否为pc端,是就跳到pc页面
<script> varbrowser1={ versions:function(){ varu=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.+MacOSX/),//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(){ varMobileUA=(function(){ varua=navigator.userAgent.toLowerCase(); varmua={ IOS:/ipod|iphone|ipad/.test(ua),//iOS IPHONE:/iphone/.test(ua),//iPhone IPAD:/ipad/.test(ua),//iPad ANDROID:/android/.test(ua),//AndroidDevice WINDOWS:/windows/.test(ua),//WindowsDevice TOUCH_DEVICE:('ontouchstart'inwindow)||/touch/.test(ua),//TouchDevice MOBILE:/mobile/.test(ua),//MobileDevice(iPad) ANDROID_TABLET:false,//AndroidTablet WINDOWS_TABLET:false,//WindowsTablet TABLET:false,//Tablet(iPad,Android,Windows) SMART_PHONE:false//SmartPhone(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; returnmua; }()); //SmartPhone if(MobileUA.SMART_PHONE){ //移动端链接地址 document.location.href='http://www.aaa.com/wap/index.html'; } });
需要手机端也网页的数据同步
<scripttype="text/javascript"> (function(){varua=navigator.userAgent.toLowerCase();varbIsIpad=ua.match(/ipad/i)=="ipad";varbIsIphoneOs=ua.match(/iphoneos/i)=="iphoneos";varbIsAndroid=ua.match(/android/i)=="android";varbIsWM=ua.match(/windowsmobile/i)=="windowsmobile";if(bIsIpad||bIsIphoneOs||bIsAndroid||bIsWM){window.location.href="http://m.jb51.net/android/game/826.html"}})(); </script>
第二种方法:
<SCRIPTLANGUAGE="JavaScript"> functionmobile_device_detect(url) { varthisOS=navigator.platform; varos=newArray("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symbian","WindowsPhone","Phone","Linuxarmv71","MAUI","UNTRUSTED/1.0","WindowsCE","BlackBerry","IEMobile"); for(vari=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信息做判断 varcheck=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) returntrue; } returnfalse; } } mobile_device_detect("http://***.***.com"); </SCRIPT>
备注这里的
mobile_device_detect("http://***.***.com");//里面的地址填的就是您的移动端的网站地址呦。