4G降临,移动网站已经一发不可收拾,pc端和移动端官网并存。如何让别人访问你的pc端的官网直接跳转到移动端的网站呢?各位看官,小二上代码!来了!
判断浏览器是否为手机端
判断浏览器是否为pc端,是就跳到pc页面
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");
}
以下是补充可以参考
jQuery判断浏览器是移动端还是电脑端自动跳转
一个段小代码,同一个网站针对移动端查看和电脑端查看跳转不同的页面。 首先加载jQuery文件。
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.href = 'http://www.aaa.com/wap/index.html';
}
});
需要手机端也网页的数据同步
第二种方法:
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");
备注这里的 mobile_device_detect("http://***.***.com");//里面的地址填的就是您的移动端的网站地址呦。