杰奇2.4全站设备识别跳转js,具体实现方案

相对于二次开发那些,这个确实是算简单的了,只需要根据网上的js自己补充而已,但是相对于每个模板都配置一条跳转规则,我还是有个简单的办法,不过还是得配合已经设置好的伪静态。在这篇教程里,我就简单说明一下电脑和手机端两边的配置,算是简单的记录,如果对伪静态有疑惑的,可以参考之前的文章杰奇2.4全站伪静态参考写法,附多环境配置
比较重要的页面主要是首页,书库,分类,小说信息,充值,目录,小说阅读,但是一般来说目录和小说阅读的头部是放置在单个文件中,不和其它页面共用。
假如:
电脑端网址为:pc.xx.com
手机端网址为:wap.xx.com

教程开始

首先是PC端的修改

1.在PC端的/themes/目录中找到当前设置的模板,进入后找到theme.html,在它的head标签对中加入如下代码:

<script type="text/javascript">      
function browserRedirect() {
  var sUserAgent = navigator.userAgent.toLowerCase();
  var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
  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){
  {?if $jieqi_thisfile|basename == 'articlefilter.php'?}
  window.location.href = "http://wap.xx.com/modules/article/articlefilter.php";
  {?else if $jieqi_thisfile|basename == 'articlelist.php'?}
  window.location.href = "http://wap.xx.com/sort/{?$sortid?}/1.html";
  {?else if $jieqi_thisfile|basename == 'buyegold.php'?}
  window.location.href = "http://wap.xx.com/modules/pay/buyegold.php";
  {?else if $jieqi_thisfile|basename == 'articleinfo.php'?}
  window.location.href = "http://wap.xx.com/book/{?$articleid?}";
  {?else?}
  window.location.href = "http://wap.xx.com/";
  {?/if?}
  }
}
browserRedirect();
</script>

2.目录页和章节页头部可能在themer.html,也可能是/modules/article/templates/里面的style.html和index.html,同样是在head标签对加入如下代码。

<script type="text/javascript">      
function browserRedirect() {
  var sUserAgent = navigator.userAgent.toLowerCase();
  var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
  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){
  {?if $jieqi_thisfile|basename == 'reader.php'?}
  window.location.href = "http://wap.xx.com/index/{?$articleid?}/1/asc";
  {?else if $chapterid != ''?}
  window.location.href = "http://wap.xx.com/book/{?$articleid?}/{?$chapterid?}.html";
  {?else?}
  window.location.href = "http://wap.xx.com/";
  {?/if?}
  }
}
browserRedirect();
</script>

然后是WAP端的修改:

1.在WAP端的/themes/目录中找到当前设置的模板,进入后找到theme.html,在它的head标签对中加入如下代码:

<script>
  if( navigator.userAgent.match(/Android/i)
     || navigator.userAgent.match(/webOS/i)
     || navigator.userAgent.match(/iPhone/i)
     || navigator.userAgent.match(/iPad/i)
     || navigator.userAgent.match(/iPod/i)
     || navigator.userAgent.match(/BlackBerry/i)
     || navigator.userAgent.match(/Windows Phone/i)
    ){
  }else{
  {?if $jieqi_thisfile|basename == 'articlefilter.php'?}
  window.location.href = "http://pc.xx.com/modules/article/articlefilter.php";
  {?else if $jieqi_thisfile|basename == 'articlelist.php'?}
  window.location.href = "http://pc.xx.com/sort/{?$sortid?}/1.html";
  {?else if $jieqi_thisfile|basename == 'buyegold.php'?}
  window.location.href = "http://pc.xx.com/modules/pay/buyegold.php";
  {?else if $jieqi_thisfile|basename == 'articleinfo.php'?}
  window.location.href = "http://pc.xx.com/book/{?$articleid?}";
  {?else?}
  window.location.href = "http://pc.xx.com/";
  {?/if?}
  }
</script>

2.目录页和章节页和pc差不多相同,一样的逻辑,就是目录页面的细节不一样。

<script>
  if( navigator.userAgent.match(/Android/i)
     || navigator.userAgent.match(/webOS/i)
     || navigator.userAgent.match(/iPhone/i)
     || navigator.userAgent.match(/iPad/i)
     || navigator.userAgent.match(/iPod/i)
     || navigator.userAgent.match(/BlackBerry/i)
     || navigator.userAgent.match(/Windows Phone/i)
    ){
  }else{
  {?if $jieqi_thisfile|basename == 'reader.php'?}
  window.location.href = "http://pc.xx.com/index/{?$articleid?}";
  {?else if $chapterid != ''?}
  window.location.href = "http://pc.xx.com/book/{?$articleid?}/{?$chapterid?}.html";
  {?else?}
  window.location.href = "http://pc.xx.com/";
  {?/if?}
  }
</script>

就是以上这些了,如果有问题可以评论留言,我会解答的。

timg (3).jpg
规则之树版权所有,转载请注明来源,标明作者及原文链接

发表评论
加载中...

相关文章