跨平台移动开发 手机浏览器访问网站自动跳转移动端网站代码
以下代码可以解决部分手机浏览器跳转移动端网站
<!DOCTYPE > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>手机浏览器访问网站自动跳转移动端网站代码</title> </head> <script type="text/javascript"> function mobile_device_detect(url) { var thisOS = navigator.platform; var os = new Array("iPhone", "iPod", "iPad", "android", "Nokia", "SymbianOS", "Symbian", "Windows Phone", "Phone", "Linux armv71", "MAUI", "UNTRUSTED/1.0", "Windows CE", "BlackBerry", "IEMobile"); for (var i = 0; i < os.length; i++) { if (thisOS.match(os[i])) { window.location = url; } } //因为相当部分的手机系统不知道信息,这里是做临时性特殊辨认 if (navigator.platform.indexOf('iPad') != -1) { window.location = url; } //做这一部分是因为Android手机的内核也是Linux //但是navigator.platform显示信息不尽相同情况繁多,因此从浏览器下手,即用navigator.appVersion信息做判断 var check = navigator.appVersion; if (check.match(/linux/i)) { //X11是UC浏览器的平台 ,如果有其他特殊浏览器也可以附加上条件 if (check.match(/mobile/i) || check.match(/X11/i)) { window.location = url; } } //类in_array函数 Array.prototype.in_array = function (e) { for (i = 0; i < this.length; i++) { if (this[i] == e) return true; } return false; } } //移动端的网站地址 mobile_device_detect("http://m.XXXXXX.com"); </script> <body> </body> </html>
<script>var uaTest = /Android|webOS|Windows Phone|iPhone|ucweb|ucbrowser|iPod|BlackBerry/i.test(navigator.userAgent.toLowerCase());var touchTest = 'ontouchend' in document;if(uaTest && touchTest){window.location.href = 'http://m.xxxxxxx.com/';}</script>
<script>var uaTest = /Android|webOS|Windows Phone|iPhone|ucweb|ucbrowser|iPod|BlackBerry/i.test(navigator.userAgent.toLowerCase());var touchTest = 'ontouchend' in document;if(uaTest && touchTest){window.location.href = 'http://m.xxxxx.com/';}</script>