zl程序教程

您现在的位置是:首页 >  前端

当前栏目

jQuery判断浏览器是移动端还是桌面端自动跳转代码详解编程语言

2023-06-13 09:20:24 时间

一个段小代码,同一个网站针对移动端查看和桌面端查看跳转不同的页面。

首先加载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; 

 }); 

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/8610.html

cjavawindows