苹果cms开启微信QQ防红防封功能

01-04 19阅读 0评论

最近苹果cms更新频繁,功能不断更新叠加。今天来普及下苹果v10 更新增加的新功能“微信QQ防红防封跳转提示”开启使用教程。

相信有很多小伙伴不会使用甚至不知道有这个功能。由于许多网站被恶意举报导致网站URL因不安全因素域名提示异常及变红,为了减少阻止此类现象发生预防为主。苹果cms官方开发团队,在版本更新中添加引入了这一防红防封跳转提示功能。使用操作也非常简单方便,如果你使用的苹果cms最新默认模板不用做任何操作,只需要在后台开启该功能即可。如果你使用我们站或是其他作者的模板只需要在你 使用的模板目录html\\public下新建browser.html 提示模板即可(browser.html 模板代码在本文下半部),然后在后台性能优化选项中开启即可。开启步骤如下图

1,苹果cms后台>>系统>>网站参数配置>>性能优化>>防红防封跳转选项(开启)即可

苹果cms开启微信QQ防红防封功能插图

2,如果你用的苹果cmsv10模板是本站或是其他作者可以将这段(browser.html)代码复制到你主题的html/public/目录下即可

<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>使用浏览器打开</title>
<metacontent="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"name="viewport">
<metacontent="yes"name="apple-mobile-web-app-capable">
<metacontent="black"name="apple-mobile-web-app-status-bar-style">
<metaname="format-detection"content="telephone=no">
<metacontent="false"name="twcClient"id="twcClient">
<metaname="aplus-touch"content="1">
<style>
body,html{width:100%;height:100%}
*{margin:0;padding:0}
body{background-color:#fff}
#browserimg{
width:50px;
}
#browser{
margin:0px10px;
text-align:center;
}
#contens{
font-weight:bold;
margin:-285px0px10px;
text-align:center;
font-size:20px;
margin-bottom:125px;
}
.top-bar-guidance{font-size:15px;color:#fff;height:60%;line-height:1.8;padding-left:20px;padding-top:20px;background:url(//gw.alicdn.com/tfs/TB1eSZaNFXXXXb.XXXXXXXXXXXX-750-234.png)centertop/containno-repeat}
.top-bar-guidance.icon-safari{width:25px;height:25px;vertical-align:middle;margin:0.2em}
.app-download-tip{margin:0auto;width:290px;text-align:center;font-size:15px;color:#2466f4;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcAQMAAACak0ePAAAABlBMVEUAAAAdYfh+GakkAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjwA8acEkAAAy4AIE4hQq/AAAAAElFTkSuQmCC)leftcenter/auto15pxrepeat-x}
.app-download-tip.guidance-desc{background-color:#fff;padding:05px}
.app-download-btn{display:block;width:214px;height:40px;line-height:40px;margin:18pxauto0auto;text-align:center;font-size:18px;color:#2466f4;border-radius:20px;border:.5px#2466f4solid;text-decoration:none}
</style>
</head>
<body>
<divclass="top-bar-guidance">
<p>点击右上角<imgsrc="//gw.alicdn.com/tfs/TB1xwiUNpXXXXaIXXXXXXXXXXXX-55-55.png"class="icon-safari"><spanid="openm">Safari打开</span></p>
<p>可以继续浏览本站哦~</p>
</div>
<astyle="display:none;"href=""id="vurl"rel="noreferrer"></a>
<divid="browser">
<p>避免微信和QQ屏蔽本站网址,请理解支持!</p>
</div>
<divclass="app-download-tip">
<spanclass="guidance-desc">点击右上角或复制网址自行打开</span>
</div>
<linkhref="{$maccms.path}static/layui/css/modules/layer/default/layer.css"rel="stylesheet"type="text/css"/>
<scriptsrc="{$maccms.path}static/js/jquery.js"></script>
<scriptsrc="{$maccms.path}static/js/jquery.clipboard.js"></script>
<scriptsrc="{$maccms.path}static/layui/lay/modules/layer.js"></script>
<adata-clipboard-text="{$maccms.http_url}"class="app-download-btn">点此复制本站网址</a>
<scripttype="text/javascript">
newClipboardJS(".app-download-btn");
$(".app-download-btn").click(function(){
layer.tips("复制成功,么么哒",".app-download-btn",{
tips:[3,"rgb(38,111,250)"],
time:500
});})
</script>

<script>
functionopenu(u){
document.getElementById("vurl").href=u;
document.getElementById("vurl").click();
}
varurl=window.location.href;
if(navigator.userAgent.indexOf("QQ/")>-1){
openu("ucbrowser://"+url);
openu("mttbrowser://url="+url);
openu("baiduboxapp://browse?url="+url);
openu("googlechrome://browse?url="+url);
openu("mibrowser:"+url);
openu("taobao://"+url.split("://")[1]);
openu("alipays://platformapi/startapp?appId=20000067&url="+url);
$("html").on("click",function(){
openu("ucbrowser://"+url);
openu("mttbrowser://url="+url);
openu("baiduboxapp://browse?url="+url);
openu("googlechrome://browse?url="+url);
openu("mibrowser:"+url);
openu("taobao://"+url.split("://")[1]);
openu("alipays://platformapi/startapp?appId=20000067&url="+url);
});
}elseif(navigator.userAgent.indexOf("MicroMessenger")>-1){
if(navigator.userAgent.indexOf("Android")>-1){
variframe=document.createElement("iframe");
iframe.style.display="none";
document.body.appendChild(iframe);
}else{

}
}
</script>
</body>
</html>

3,也可以直接下载整理好的(browser.html)代码文件,下载后把html文件夹上传到你所用的模板目录里面。比如咱们站的模板目录是mytheme,正确的操作是打开mytheme然后上传粘贴到里面即可。

云盘下载链接:https://www.lanzous.com/i6v896f


您需要 登录账户 后才能发表评论

发表评论

表情:
评论列表 (暂无评论,19人围观)

还没有评论,来说两句吧...

取消
微信二维码
微信二维码
支付宝二维码