苹果CMS移动端与PC端自动识别跳转JS代码部署教程

一、自适应跳转核心JS源码

新建命名为 uaredirect.js 的脚本文件，将以下完整设备判断与域名跳转源码完整写入，该脚本支持子域名识别、设备UA匹配、防重复跳转等功能，适配苹果CMS全页面调用。

function uaredirect(f){
try{
if(document.getElementById("bdmark")!=null){
return
}
var b=false;
if(arguments[1]){
var e=window.location.host;
var a=window.location.href;
if(isSubdomain(arguments[1],e)==1){
f=f+"/#m/"+a;b=true
}else{
if(isSubdomain(arguments[1],e)==2){
f=f+"/#m/"+a;b=true
}else{
f=a;b=false
}
}
}else{
b=true
}
if(b){
var c=window.location.hash;
if(!c.match("fromapp")){
if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){
location.replace(f)
}
}
}
}catch(d){
}
}

function isSubdomain(c,d){
this.getdomain=function(f){
var e=f.indexOf("://");
if(e>0){
var h=f.substr(e+3)
}else{
var h=f
}
var g=/^www\./;
if(g.test(h)){
h=h.substr(4)
}
return h
};
if(c==d){
return 1
}else{
var c=this.getdomain(c);
var b=this.getdomain(d);
if(c==b){
return 1
}else{
c=c.replace(".","\\.");
var a=new RegExp("\\."+c+"$");
if(b.match(a)){
return 2
}else{
return 0
}
}
};

二、模板各页面调用部署代码

将上传好的 uaredirect.js 文件放置在模板根目录，根据不同页面场景添加对应调用代码，即可实现全站设备自动跳转适配。

1. 首页 vod_index.html 调用代码

<script src="uaredirect.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("https://www.pgcmsmb.com/");</script>

2. 分类页 vod_type.html 调用代码

<script src="uaredirect.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("https://www.pgcmsmb.com/{page:link}");</script>

3. 内容详情页 vod_detail.html 调用代码

<script src="uaredirect.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("https://www.pgcmsmb.com/[vod:link]");</script>

4. 播放页 vod_play.html 调用代码

<script src="uaredirect.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("https://www.pgcmsmb.com/[vod:playlink]");</script>

三、部署使用说明

脚本可精准识别安卓、iOS等移动端设备，仅在手机访问时触发跳转，电脑端正常访问PC页面，不会出现误跳情况。代码适配苹果CMS V10全系模板，部署后清空网站缓存即可生效，适合双模板、双域名站点做终端区分适配。