您当前的位置:首页 > 帝国CMS教程

手机访问帝国cms PC端网站自动跳转手机端网站的方法

来源:帝国CMS教程发布者:帝国CMS模板网时间:2018-11-29

我们使用帝国cms做好了手机版和pc版,怎么让他们互联起来吧,比如我们用手机访问pc端的时候 ,怎么自动跳转到手机版呢,方法如下:

第一步:我们新建一个js文件,命名你随便,路径也随便,js代码如下

function browserRedirect(url) {
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp"; 
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; 
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM){
window.location.replace(url);              
}
}

我把js命名为 m.js 放到了根目录下面

然后把下面的代码复制到对应的模板里面

首页跳转

<script src='http://www.daixiao360.cn/m.js' language='javascript'></script>
<script type="text/javascript">
browserRedirect("http://m.daixiao360.cn/");
</script>

封面页和列表页跳转

<script src='http://www.daixiao360.cn/m.js' language='javascript'></script>
<script type="text/javascript">
browserRedirect("http://m.daixiao360.cn/e/public/ClassUrl/?classid=[!--self.classid--]");
</script>

内容页跳转

<script src='http://www.daixiao360.cn/m.js' language='javascript'></script>
<script type="text/javascript">
browserRedirect("http://m.daixiao360.cn[!--titleurl--]");
</script>

注明:记得将以上代码中域名、路径替换成你的域名、文件路径。