小郑网络工作室
小郑网络工作室客服电话

网站文章分类导航

访问PC网站如何自动跳转到手机网站 网站首页 > 网站建设 > 网站建设教程

访问PC网站如何自动跳转到手机网站

发布于:2016-8-18 0:00:25 文章来源:小郑网络工作室

随着移动互联网的普及,手机网站用户越来越多。那么对于一个网站来说,访问PC网站如何自动跳转到手机网站?

解决方案常用的有两个,一个是建设响应式网站,另外一个是PC网站和手机网站同时建设成功,利用代码进行跳转。

先说说响应式网站。响应式网站是现在比较流行的网站建设形式,利用CSS和HTML5新技术,使一个网站同时去自动适应不同的访问终端(包括电脑端、手机端、PAD端等),但是这种方案对于一些传统企业网站来说,改版起来比较麻烦。

另外一个就是利用代码进行跳转,下面就是一个比较实用的跳转代码:

function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\\.");var a=new RegExp("\\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};
    将上面的代码保存成一个JS文件,直接引用即可使用。
<script src="http://static.mxiaozheng.com/js/pctom.js" type="text/javascript"></script>
<script type="text/javascript">pctom("这里替换成要跳转的手机网站网址");</script>
小郑网络工作室版权所有,转载请注明:http://www.mxiaozheng.cn/ess/update/update_260.html
网站建设 / APP开发 / 微信开发