您的位置:首页 > Web前端 > JQuery

jQuery推断浏览器是移动端还是电脑端自己主动跳转

2017-08-10 16:18 369 查看
一个段小代码。同一个站点针对移动端查看和电脑端查看跳转不同的页面。

首先载入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.href = 'http://www.aaa.com/wap/index.html';
}
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐