阳仔:移动互联网时代,手机带来的流量是不可忽视的,所以网站针对移动用户的访问习惯必须要建设手机页面,快速建立手机网站的工具太多太多(比如:百度siteapp、搜狐快站、腾讯风铃...)在这里不做过多说明,那么如何让用户在访问PC网站的时候自动跳转到手机网页呢,其实只要一段简单的JS代码就可以搞定了。
其实JS的原理是很简单的,主要是直接识别浏览器的UA如果发现是手机则跳转到手机页面,下面介绍两种JS代码。
方法一、利用百度SiteAPP的JS跳转代码
<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"> </script> <script type="text/javascript"> uaredirect("你的手机网页地址"); </script>
方法二、直接识别浏览器UA的JS跳转代码
<script type="text/javascript"> var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile", "blackberry", "webos", "incognito", "webmate", "bada", "nokia", "lg", "ucweb", "skyfire"); var browser = navigator.userAgent.toLowerCase(); var isMobile = false; for (var i=0; i<mobileAgent.length; i++){ if (browser.indexOf(mobileAgent[i])!=-1){ isMobile = true; //alert(mobileAgent[i]); location.href = '你的手机网页地址'; break; } } </script>
两种JS代码原理一样均可使用,自行选择,建议使用第一种百度siteapp跳转代码。
已有1位网友发表了看法:
发表评论