当手机打开帝国cms的PC端网站会自动跳转移动端手机网站的方法

我们使用帝国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.youku.com/m.js' language='javascript'></script>
<script type="text/javascript">
browserRedirect("http://m.youku.com/");
</script>

封面页和列表页跳转

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

内容页跳转

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

注意：记得将以上代码中（www.youku.com）域名、路径替换成你的域名、文件路径。

原文链接：https://www.qiquanji.com/post/7214.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。