分享两个手机访问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");//里面的地址填的就是您的移动端的网站地址呦。