js实现手机访问网页自动跳转到手机移动页面

现在很多网站的前端布局都是响应式设计，但也有网站既包含PC端页面，又包括手机端页面时，就要实现打开手机端自动跳转手机页面的方法。可以通过JavaScript实现自动检测用户是否使用移动设备访问网页，并据此跳转到对应的手机移动网页，通常可以通过检查​​navigator.userAgent​​属性来识别用户代理字符串中包含的设备信息。

将以下js代码添加到你的js文件中即可。两个js代码(选其一)域名地址改为自己。独立添加的，可以加在

<script type="text/javascript"></script>里

js代码一、

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; 
                location.href = 'http://m.bokequ.com/';
                break; 
            } 
        }

js代码二、

(function(){var reWriteUrl=function(url){if(url){var Splits=url.split("/"),siteName=window.location.pathname;if(typeof siteName!=="undefined"){return "http://m.bokequ.com}}};if(/Android|webOS|iPhone|iPad|Windows Phone|iPod|BlackBerry|SymbianOS|Nokia|Mobile/i.test(navigator.userAgent)){var url=window.location.href;var pathname=window.location.pathname;if(url.indexOf("?pc")<0){try{window.location.href=reWriteUrl(url)}catch(e){}}}})();

js代码三、将以下代码添加在网站的头部

<script type="text/javascript" src="http://www.bokequ.com/kanqq/js/uaredirect.js"></script>
<script type="text/javascript">uaredirect("http://m.bokequ.com");</script>