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相关文章
- vue引入jQuery[通俗易懂]
- jquery监听浏览器刷新_jQuery刷新浏览器页面大小
- jquery选择器用法_jQuery属性选择器
- jquery ajax怎么使用jsonp跨域访问详解编程语言
- JQuery初体验(建议学习jquery)
- jQuery改变CSS样式基础代码
- jQuery温习篇强大的JQuery选择器
- jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
- asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
- jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
- jQuery弹出(alert)select选择的值
- jQuery获取浏览器中的分辨率实现代码
- jquery在IE、FF浏览器的差别详细探讨
- 浅析jQuery对select操作小结(遍历option,操作option)
- jquery实现div阴影效果示例代码
- jquery清空file域示例(兼容个浏览器)
- jQuery获取浏览器所在的IP地址的小例子
- jQuery中delegate与on的用法与区别示例介绍
- jquery实现不同大小浏览器使用不同的css样式表的方法
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法
- jQuery实现响应浏览器缩放大小并改变背景颜色
- 使用jQuery不判断浏览器高度解决iframe自适应高度问题
- 使用jQuery简单实现模拟浏览器搜索功能
- 用jquery修复在iframe下的页面锚点失效问题