// app下載提示 if (!sessionStorage.getItem("appDownloadTipClosed") && isAndroidOrIphone() && !isYrhApp()) { $("#appDownloadTip").removeClass("mui-hidden")... ...
// 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">×</span> </div> </a>