4G时代,手机网站已经非常普遍了,一般手机网站都有一个二级域名来访问,比如 wap.yjhlw.com 如果手机直接访问 www.yjhlw.com 就是PC网站,在手机上浏览电脑版网站体验非常不好。
如果能够手机访问PC端电脑网站自动跳转到手机网站就好了:
代码如下:
第一种方法代码:将以下代码放在首页区
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | <SCRIPT LANGUAGE= "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://wap.yjhlw.com/" ); </SCRIPT> |
倒数第二行中的 http://wap.yjhlw.com 就是要跳转到的手机版网址。
第二种方法代码:比较简单的JS代码,经过华夕SEO测试也可以的
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <script type= "text/javascript" > try { var urlhash = window.location.hash; if (!urlhash.match( "fromapp" )) { if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { window.location= "http://wap.yjhlw.com/" ; } } } catch (err) { } </script> |
第三种方法代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 | <script type= "text/javascript" > // JavaScript Document function urlredirect() { var sUserAgent = navigator.userAgent.toLowerCase(); if ((sUserAgent.match(/(ipod|iphone os|midp|ucweb|android|windows ce|windows mobile)/i))) { // PC跳转移动端 var thisUrl = window.location.href; window.location.href = thisUrl. substr (0,thisUrl.lastIndexOf( '/' )+1)+ 'mobile/' ; } } urlredirect(); </script> |
以上几种方法为华夕网络为您提供,如果您需要上海SEO优化请联系我们!