h5端提示下载app

   // app下载提示
    if (!sessionStorage.getItem("appDownloadTipClosed")
            && isAndroidOrIphone()
            && !isYrhApp()) {
        $("#appDownloadTip").removeClass("mui-hidden");
        $("#appDownloadTip .media-ops").on("click", function (e) {
            $("#appDownloadTip").remove();
            sessionStorage.setItem("appDownloadTipClosed", "true");
            e.stopPropagation();//stopPropagation()是不在派发事件
            return false;
        });
    }

function isAndroidOrIphone() {
    var ua = navigator.userAgent.toLowerCase();//toLowerCase()把字符串转换为小写
    return ua.indexOf("android") >= 0
        || ua.indexOf("ios") >= 0
        || ua.indexOf("iphone") >= 0
        || ua.indexOf("ipad") >= 0;
};
function isYrhApp() {
    var ua = navigator.userAgent.toLowerCase();
    return ua.indexOf("**app") >= 0
        || ua.indexOf("**_app") >= 0
        || ua.indexOf("** app") >= 0;//判断app名字是否出现
};

 <!-- app下载提示 -->
    <a class="media mui-block mui-hidden" id="appDownloadTip"
       href="下载app路径">
        <div class="media-object">
            <img src="../assets/img/logo2.jpg">
        </div>
        <div class="media-body">
            <div class="text-primary">下载安装**App</div>
            <div>体验更流畅、更便捷 (支持苹果、安卓手机)</div>
        </div>
        <div class="media-ops">
            <span class="text-primary">&times;</span>
        </div>
    </a>

 

转载于:https://www.cnblogs.com/creatP/p/8269592.html