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

为了实现帝国CMS手机版和PC版之间的自动跳转,并且不包含具体的域名信息,可以采用相对路径的方式。这样可以确保代码更加通用和灵活。

步骤

  1. 创建JS文件

    • 创建一个JS文件用于检测用户代理并进行跳转。
  2. 在模板中引用JS文件

    • 在不同的模板页面中引用该JS文件,并设置跳转逻辑。

具体步骤

1. 创建JS文件

  1. 创建 m.js 文件

    • 将以下JS代码保存为 m.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);
        }
    }
    
    // 导出函数
    window.browserRedirect = browserRedirect;

2. 在模板中引用JS文件

  1. 首页跳转

    • 在首页模板中引用 m.js 文件,并设置跳转URL。
    <script src='/m.js' language='javascript'></script>
    <script type="text/javascript">
        browserRedirect('/m/');
    </script>
  2. 封面页和列表页跳转

    • 在封面页和列表页模板中引用 m.js 文件,并设置跳转URL。
    <script src='/m.js' language='javascript'></script>
    <script type="text/javascript">
        browserRedirect('/m/e/public/ClassUrl/?classid=[!--self.classid--]');
    </script>
  3. 内容页跳转

    • 在内容页模板中引用 m.js 文件,并设置跳转URL。
    <script src='/m.js' language='javascript'></script>
    <script type="text/javascript">
        browserRedirect('/m[!--titleurl--]');
    </script>

     

posted @   黄文Rex  阅读(49)  评论(0编辑  收藏  举报
(评论功能已被禁用)
相关博文:
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示