最近苹果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>点击右上角 <img src="//gw.alicdn.com/tfs/TB1xwiUNpXXXXaIXXXXXXXXXXXX-55-55.png"> <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然后上传粘贴到里面即可。