资讯分类

模板教程
maccms教程
maccms10教程

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

作者：佚名分类：maccms教程人气：764时间：2021-01-21 07:25:31

最近苹果cms更新频繁，功能不断更新叠加。今天来普及下苹果v10 更新增加的新功能“微信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>

<!DOCTYPE html>

<head>

<title>使用浏览器打开</title>

<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>

<p>点击右上角<img src="//gw.alicdn.com/tfs/TB1xwiUNpXXXXaIXXXXXXXXXXXX-55-55.png" class="icon-safari"> <span id="openm">Safari打开</span></p>

<p>可以继续浏览本站哦~</p>

</div>

<p>避免微信和QQ屏蔽本站网址，请理解支持！</p>

</div>

<span class="guidance-desc">点击右上角或复制网址自行打开</span>

</div>

<a data-clipboard-text="{$maccms.http_url}" class="app-download-btn">点此复制本站网址</a>

new ClipboardJS(".app-download-btn");

$(".app-download-btn").click(function() {

layer.tips("复制成功，么么哒", ".app-download-btn", {

tips: [3, "rgb(38,111,250)"],

time:500

});})

</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然后上传粘贴到里面即可。

maccms源码

sss

类型：maccms教程，地区：

主演：

1sss
[db:备注] 2img图片没找到
3苹果cms10仿
4maccms10
5苹果10纯黑模板
6苹果cms10
7苹果cms10仿
8苹果10蓝色资源

模板教程

苹果CMS播放页被劫持跳转至第3方网站的

maccms教程2021-06-20
苹果CMSV10开启邮件发送功能

maccms教程2021-06-20
苹果CMSV10火车头采集入库视频教程

maccms教程2021-06-20
苹果cms新手入门程序安装视频教程

maccms教程2021-06-20
苹果CMSV10整合dplayer播放器

maccms教程2021-04-28

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

maccms源码

sss

模板教程

苹果CMS播放页被劫持跳转至第3方网站的

苹果CMSV10开启邮件发送功能

苹果CMSV10火车头采集入库视频教程

苹果cms新手入门程序安装视频教程

苹果CMSV10整合dplayer播放器