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

COS、CDN

为了实现帝国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>

     

COS、CDN
热门