zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    MVC小系列(十五)【MVC+ZTree实现对树的CURD及拖拽操作】
    WCF身份验证之用户名密码认证
    sql 优化建议
    Redis key 设计技巧
    Redis配置文件详解
    Nlog配置文件
    Windown安装Mysql安装图解
    CentOS 7 命令备忘录
    WPF自定义ListBox样式
    WPF自定义圆形按钮样式资源文件
  • 原文地址:https://www.cnblogs.com/creatP/p/8269592.html
Copyright © 2011-2022 走看看