jQuery判断浏览器是移动端还是电脑端自动跳转
2016-11-04 11:20
218 查看
一个段小代码,同一个网站针对移动端查看和电脑端查看跳转不同的页面。
首先加载jQuery文件。
[javascript] view
plain copy
$(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';
}
});
首先加载jQuery文件。
[javascript] view
plain copy
$(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';
}
});
相关文章推荐
- jQuery判断浏览器是移动端还是电脑端自动跳转
- jQuery推断浏览器是移动端还是电脑端自己主动跳转
- JS判断是电脑浏览器还是手机端浏览器,并根据不同的终端跳转到不同的网址
- jquery判断当前设备是手机还是电脑并跳转
- js jQuery 判断跳转是手机还是电脑
- 判断是电脑端还是手机短的javascript,自动跳转到手机wap版网站
- js判断是手机访问网站还是电脑自动跳转WAP站
- JavaScript判断用户是通过电脑端还是移动端访问;js浏览器判断navigator
- 能判断是电脑端还是手机短的javascript,自动跳转到手机wap版网站
- 判断是电脑端还是手机短的javascript,自动跳转到手机wap版网站
- JavaScript判断用户是通过电脑端还是移动端访问;js浏览器判断navigator
- JS判断是PC还是移动端浏览器,并根据不同的终端跳转到不同的网址
- js判断是手机访问还是电脑访问,进行自动跳转
- 能判断是电脑端还是手机端的javascript,自动跳转到手机wap版网站
- 根据判断移动端还是pc端自动跳转页面
- uaredirect.js 进行判断是pc还是wap端(移动端) wap端跳转页面
- PHP判断客户端是手机还是电脑自动调用加载对应的CSS样式
- js自动判断浏览器类型跳转到手机版
- 浏览器判断终端是手机还是电脑
- 前端js判断访问站点设备(手机还是PC)实现自动跳转代码