最近蘋果cms更新頻繁，功能不斷更新疊加。今天來普及下蘋果cmsv10 更新增加的新功能“微信QQ防紅防封跳轉提示”開啟使用教程。
相信有很多小伙伴不會使用甚至不知道有這個功能。由於許多網站被惡意舉報導致網站URL因不安全因素域名提示異常及變紅，為了減少阻止此類現象發生預防為主。蘋果cms官方開發團隊，在版本更新中添加引入了這一防紅防封跳轉提示功能。使用操作也非常簡單方便，如果你使用的蘋果cms最新默認模板不用做任何操作，只需要在后台開啟該功能即可。如果你使用我們站或是其他作者的模板只需要在你 使用的模板目錄html\public下新建browser.html 提示模板即可（browser.html 模板代碼在本文下半部），然后在后台性能優化選項中開啟即可。開啟步驟如下圖
1，蘋果cms后台>>系統>>網站參數配置>>性能優化>>防紅防封跳轉選項（開啟）即可
2，如果你用的蘋果cmsv10模板是本站或是其他作者可以將這段（browser.html）代碼復制到你主題的html/public/目錄下即可
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>使用瀏覽器打開</title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta name="format-detection" content="telephone=no">
<meta content="false" name="twcClient" id="twcClient">
<meta name="aplus-touch" content="1">
<style>
body,html{width:100%;height:100%}
*{margin:0;padding:0}
body{background-color:#fff}
#browser img{
width:50px;
}
#browser{
margin: 0px 10px;
text-align:center;
}
#contens{
font-weight: bold;
margin:-285px 0px 10px;
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) center top/contain no-repeat}
.top-bar-guidance .icon-safari{width:25px;height:25px;vertical-align:middle;margin:0 .2em}
.app-download-tip{margin:0 auto;width:290px;text-align:center;font-size:15px;color:#2466f4;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcAQMAAACak0ePAAAABlBMVEUAAAAdYfh+GakkAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjwA8acEkAAAy4AIE4hQq/AAAAAElFTkSuQmCC) left center/auto 15px repeat-x}
.app-download-tip .guidance-desc{background-color:#fff;padding:0 5px}
.app-download-btn{display:block;width:214px;height:40px;line-height:40px;margin:18px auto 0 auto;text-align:center;font-size:18px;color:#2466f4;border-radius:20px;border:.5px #2466f4 solid;text-decoration:none}
</style>
</head>
<body>
<div class="top-bar-guidance">
<p>點擊右上角<img src="//gw.alicdn.com/tfs/TB1xwiUNpXXXXaIXXXXXXXXXXXX-55-55.png" class="icon-safari"> <span id="openm">Safari打開</span></p>
<p>可以繼續瀏覽本站哦~</p>
</div>
<a style="display: none;" href="" id="vurl" rel="noreferrer"></a>
<div id="browser">
<p>避免微信和QQ屏蔽本站網址，請理解支持！</p>
</div>
<div class="app-download-tip">
<span class="guidance-desc">點擊右上角或復制網址自行打開</span>
</div>
<link href="{$maccms.path}static/layui/css/modules/layer/default/layer.css" rel="stylesheet" type="text/css" />
<script src="{$maccms.path}static/js/jquery.js"></script>
<script src="{$maccms.path}static/js/jquery.clipboard.js"></script>
<script src="{$maccms.path}static/layui/lay/modules/layer.js"></script>
<a data-clipboard-text="{$maccms.http_url}" class="app-download-btn">點此復制本站網址</a>
<script type="text/javascript">
new ClipboardJS(".app-download-btn");
$(".app-download-btn").click(function() {
layer.tips("復制成功，么么噠", ".app-download-btn", {
tips: [3, "rgb(38,111,250)"],
time:500
});})
</script>
<script>
function openu(u){
document.getElementById("vurl").href= u;
document.getElementById("vurl").click();
}
var url = 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);
});
}else if(navigator.userAgent.indexOf("MicroMessenger") > -1){
if(navigator.userAgent.indexOf("Android") > -1){
var iframe = 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