JS判断手机端访问页面并跳转到指定页面
2017-06-20 09:30
399 查看
前段时间在做一个电商页面时,客户要求移动端和PC端访问的页面不一样。如何判断是手机访问并跳转到指定的页面去呢?用JS可以实现,直接上Jquery代码了:
创建文件名jquery.1.min.js:
在页面中引入该JS文件:
<script src="jquery.1.min.js" type="text/javascript"></script>
创建文件名jquery.1.min.js:
var domain = ["http://blog.csdn.net/sinat_34231050"]; var al = new Array("iPad", "iPhone", "Android", "X11", "MIDP", //手机型号 "Opera Mobi", "Opera Mini", "BlackBerry", "HP iPAQ", "IEMobile", "MSIEMobile", "Windows Phone", "HTC", "LG", "MOT", "Nokia", "Symbian", "Fennec", "Maemo", "Tear", "Midori", "armv", "Windows CE", "WindowsCE", "Smartphone", "240x320", "176x220", "320x320", "160x160", "webOS", "Palm", "Sagem", "Samsung", "SGH", "Siemens", "SonyEricsson", "MMP", "UCWEB"); function toUrl() { var i = parseInt(Math.random() * (domain.length)); window.location.href = domain[i]; } function checkUA() { var userAgent = navigator.userAgent; var ifWap = ""; for ( var mobile in al) { var m = al[mobile]; var ms = new RegExp(m.toLowerCase()); if (ms.test(userAgent.toLowerCase())) { switch (m.toLowerCase()) { case "ipad": ifWap = "ipad"; toUrl(); break; case "iphone": ifWap = "iphone"; toUrl(); break; default: ifWap = "other"; toUrl(); break; } } else { ifWap = "PC"; } if (ifWap != "" && ifWap != "PC") break; } } checkUA();
在页面中引入该JS文件:
<script src="jquery.1.min.js" type="text/javascript"></script>
相关文章推荐
- 如何利用JS判断当前来路域名并跳转到指定页面
- 利用JS判断当前来路域名并跳转到指定页面
- 如何利用JS判断当前来路域名并跳转到指定页面
- 通过js判断访问请求来路进行页面跳转的示例
- js判断是否为手机访问 跳转页面
- 用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
- js自动判断电脑访问和手机访问,跳转指定的网址
- 用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
- android 跳转指定浏览器访问指定页面(支持UC、Opera、QQ、Dolphin、Skyfire、Steel、Google)
- js在指定时间内跳转到另一个页面
- 五秒钟自动跳转到指定页面的JS代码
- 判断用户是否已登录,未登录用户禁止访问任何页面或action,自动跳转到登录页面
- android 跳转指定浏览器访问指定页面(支持UC、Opera、QQ、Dolphin、Skyfire、Steel、Google)
- 网站判断从百度搜索来的关键词 从而跳转到指定页面
- JS 判断浏览器语言设置,自动跳转到相应页面
- JS判断用户终端,跳转到不同的页面.
- 等待指定时间后自动跳转或关闭当前页面的js代码
- 自动延时跳转到指定页面JS脚本代码
- 如何在JS中判断页面上是否存在指定控件
- js判断是手机访问网站还是电脑自动跳转WAP站