当手机打开帝国cms的PC端网站会自动跳转移动端手机网站的方法
时间:5年前 阅读:4823
我们使用帝国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,我们将及时处理。
微信扫码关注
更新实时通知
网友评论