我的网站

帝国cms实现pc跳转手机端代码的最简单的代码

罗哥 帝国教程 2021-05-10 13:41:12 56 2

手机访问实现帝国CMS电脑网站自动跳转到对应的移动网站

1、假设我们有帝国cms 电脑网站www.niuqi5.com,手机网站m.niuqi5.com 

现在电脑端和手机端都是生成静态网站,除了域名不同,静态连接地址都是相同的,例如:

http://www.niuqi5.com/diguo/jiaocheng/4e9f6113.html    对应    http://m.niuqi5.com/diguo/jiaocheng/4e9f6113.html

2、接下来要给电脑网站的首页、列表页、内容页的模板添加跳转代码,方法如下:

js是浏览器跳转,meta是告诉搜索引擎移动页面的地址。

<script>
var nowurl=window.location.href;
nowurl=nowurl.replace("www.niuqi5.com","m.niuqi5.com");
if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
    if(window.location.href.indexOf("?agent=m")<0){
        try{
            if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
                window.location.href=nowurl;
            }else if(/iPad/i.test(navigator.userAgent)){
            }else{
                window.location.href=nowurl;
            }
        }catch(e){}
    }
}
</script>

3、把上面的代码放入[!--temp.header--]即可实现自动跳转,记得把域名换成自己的

更多评论
缘字诀 2021-05-10 16:21:35
其他评论
很好,很简单的方法,谢谢。
可劲萌 2021-05-10 19:01:58
其他评论
帝国cms实现pc跳转手机端代码的最简单的代码,真的很简单。操作起来也很方便!
我很拽 2021-05-10 21:42:21
其他评论
已测试,有效果的!