苹果CMSV10开启微信 QQ防红防封功能使用教程

老巴夺 2024年09月03日 12:43 58 0

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

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

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

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

<!DOCTYPE html>
<html>

<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>
      <p>点击右上角

苹果CMSV10开启微信 QQ防红防封功能使用教程-1.png (2.09 KB, 下载次数: 0)

下载附件保存到相册

半小时前上传

<span id="openm">Safari打开</span>
      </p>
      <p>可以继续浏览本站哦~</p>
</div>
<a href="" id="vurl" rel="noreferrer"></a>
<div id="browser">
      <p>避免微信和QQ屏蔽本站网址，请理解支持！</p>
</div>
<div> <span>点击右上角或复制网址自行打开</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>点此复制本站网址</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然后上传粘贴到里面即可。