アップルCMSV10オープンマイクロチャネルQQ赤防止シール機能のチュートリアル

Appleは最近、CMSは、頻繁に常に更新オーバーレイ機能を更新しました。今日は、新機能の人気はオープンチュートリアルアップルcmsv10「マイクロチャネルQQ赤防止シールのJumplines」の次のアップデートで増加します。

私も、この機能を持って知っていない多くの小さなパートナーが使用することはありませんがあると信じています。多くのサイトが不安による悪質なレポート作成WebサイトのURLのドメインにつながるので、予防がベースのような現象を防ぐために減らすために、異常と赤促しました。バージョンアップで追加され、アップルのCMS公式開発チームは、この赤い防止シールのジャンプのプロンプトを紹介します。お使いのAppleの最新のCMSのデフォルトのテンプレートは単なる背景にあることができる機能を開いて、何もする必要はありません場合は、操作は、非常に簡単です使用してください。あなたはテンプレートディレクトリに、当社の駅やテンプレートの他の作家を使用する場合にのみ必要あなたのhtml \公開はbrowser.html(この記事の下半分にbrowser.htmlテンプレートコード)を要求するようにして、バックグラウンドでのパフォーマンスオプションを最適化するために、新しいテンプレートの下に使用します順番にすることができます。図開度ステップ次のように

1、アップルCMSのバックエンドシステム>> >> >> Webサイトの構成パラメータは、抗赤アンチのパフォーマンスを最適化する - >>にシールオプション(オープン)ジャンプ

Snipaste_2019-10-19_19-55-54(1).PNG

 

2、あなたが使用している場合、アップルのcmsv10テンプレートをサイトで、または他の著者は、あなたのテーマのHTML /公共/ディレクトリにこの(browser.html)コードをコピーすることができますすることができます

 

<!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( "アンドロイド")> -1){ 
            VARはiframe =のdocument.createElement( "IFRAME")。
            iframe.style.display =「なし」。
            document.body.appendChild(IFRAME)。
        }他{ 

        } 
    } 
</ SCRIPT> 
</ body> 
</ HTML>

図3は、テンプレートのディレクトリをアップロードするために使用されるHTMLフォルダをダウンロードし、直接整理(browser.html)コードファイルをダウンロードすることができます。例えば、我々はテンプレートディレクトリをスタンドmythemeで、正しい動作を内部に貼り付け、それをアップロードし、その後mythemeを開くことです。

ブルークラウドディスクのダウンロードリンクを演じた:https://www.lanzous.com/i6v896f

おすすめ

転載: www.cnblogs.com/mytheme/p/11708292.html