app判断 只有安卓显示

appdownload/index.html

@@ -4,7 +4,8 @@
     <meta charset="utf-8">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
+    <meta id="viewport" name="viewport"
+          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
     <meta name="format-detection" content="telephone=no">
     <title>扳手APP下载,扳手APP官方网站 - 扳手</title>
     <meta name="keywords" content="扳手,扳手app,扳手快查,扳手app官网">
@@ -17,13 +18,13 @@
     <link rel="stylesheet" href="css/basic.css">
     <link rel="stylesheet" href="css/style.css">
     <script>
-    var _hmt = _hmt || [];
-    (function() {
-        var hm = document.createElement("script");
-        hm.src = "https://hm.baidu.com/hm.js?59926961b935e067a1cb86d52ce44500";
-        var s = document.getElementsByTagName("script")[0];
-        s.parentNode.insertBefore(hm, s);
-    })();
+        var _hmt = _hmt || [];
+        (function () {
+            var hm = document.createElement("script");
+            hm.src = "https://hm.baidu.com/hm.js?59926961b935e067a1cb86d52ce44500";
+            var s = document.getElementsByTagName("script")[0];
+            s.parentNode.insertBefore(hm, s);
+        })();
     </script>
 <body>
 <div class="web">
@@ -33,8 +34,10 @@
             <img src="img/banshouApp.png">
 
             <div class="download-group clearfix fr" style="margin-top: 5px; display: none" id="downloadBtn">
-                <a href="https://itunes.apple.com/cn/app/wei-xiu-hui-shi-fu-ban/id1034283227?mt=8" class="dw-btn"><i class="iconfont icon-ios"></i>iPhone版下载</a>
-                <a href="https://pub-cdn.ibanshou.cn/banshou-0131.apk" class="dw-btn"><i class="iconfont icon-android"></i>Android版下载</a>
+                <a href="https://itunes.apple.com/cn/app/wei-xiu-hui-shi-fu-ban/id1034283227?mt=8" class="dw-btn"><i
+                        class="iconfont icon-ios"></i>iPhone版下载</a>
+                <a href="https://pub-cdn.ibanshou.cn/banshou-0131.apk" class="dw-btn"><i
+                        class="iconfont icon-android"></i>Android版下载</a>
 
                 <a href="#" class="ewm-btn top-need">
                     <i class="iconfont icon-erweima"></i>
@@ -59,8 +62,10 @@
                     </p>
 
                     <div class="download-group clearfix">
-                        <a href="https://itunes.apple.com/cn/app/wei-xiu-hui-shi-fu-ban/id1034283227?mt=8" class="dw-btn"><i class="iconfont icon-ios"></i>iPhone版下载</a>
-                        <a href="https://pub-cdn.ibanshou.cn/banshou-0130.apk" class="dw-btn"><i class="iconfont icon-android"></i>Android版下载</a>
+                        <a href="https://itunes.apple.com/cn/app/wei-xiu-hui-shi-fu-ban/id1034283227?mt=8"
+                           class="dw-btn"><i class="iconfont icon-ios"></i>iPhone版下载</a>
+                        <a href="https://pub-cdn.ibanshou.cn/banshou-0130.apk" class="dw-btn"><i
+                                class="iconfont icon-android"></i>Android版下载</a>
 
                         <a href="#" class="ewm-btn">
                             <i class="iconfont icon-erweima"></i>
@@ -165,11 +170,11 @@
         <h3>扳手</h3>
         <p>和百万家维人在一起</p>
 
-        <!--微信里显示-->
-        <span class="warn" style="display: none">微信/QQ 内无法下载APP</span>
+        <!--微信里显示 -->
+        <span class="warn" id="wechat-warn" style="display: none">微信/QQ 内无法下载APP</span>
 
-        <!--浏览器中打开显示-->
-        <span class="warn">
+        <!--浏览器中打开显示 安卓浏览器打开 ios不显示-->
+        <span class="warn" id="no-wechat-warn" style="display: none">
             <b>
                 请在通知栏中安装 <br/>已下载完成的扳手APP
             </b>
@@ -180,9 +185,9 @@
         </span>
 
         <!--安卓 扳手APP中 显示-->
-        <span class="warn">
-            <b>请复制下方链接在浏览器中打开</b>
-            <b>http://s.ibanshou.cn/appdownload</b>
+        <span class="warn" id="app-warn">
+           <p>请复制下面链接在浏览器中打开</p>
+           <p style="word-wrap: break-word;">https://s.ibanshou.cn/appdownload</p>
         </span>
 
     </div>
@@ -190,8 +195,7 @@
     <a href="https://s.ibanshou.cn" class="close">关闭</a>
 
     <!--微信里显示-->
-    <div class="oie-tip">请点击右上角 <br/> 选择“浏览器中打开”</div>
-
+    <div class="oie-tip" id="oie-tip" style="display: none">请点击右上角 <br/> 选择“浏览器中打开”</div>
 
 
     <!--<a href="javascript:location.reload();">
@@ -213,7 +217,7 @@
             var winTop = $(window).scrollTop();
             if (winTop > $(".service-intro").offset().top - 48) {
                 $("#downloadBtn").show();
-            }else {
+            } else {
                 $("#downloadBtn").hide();
             }
         });

appdownload/js/index.js

@@ -5,6 +5,10 @@
         return (/micromessenger/.test(ua) ? true : false);
     }
 
+    function inApp() {
+        return (/BanShou/.test(navigator.userAgent) ? true : false);
+    }
+
     global.onload = function () {
         var md = new MobileDetect(window.navigator.userAgent);
 
@@ -15,13 +19,22 @@
         var urgency = true;
         if (urgency) {
             yingYongBaoUrl = 'https://pub-cdn.ibanshou.cn/banshou-0131.apk';
-
-            if (inWechat()) {
-                if (md.is('android')) {
-                    //显示遮罩
-                    $('#tip-expore').show();
+            if (inApp()) {
+                $('#app-warn').show();
+            } else {
+                if (inWechat()) {
+                    if (md.is('android')) {
+                        $('#wechat-warn').show();
+                        //显示遮罩
+                        $('#oie-tip').show();
+                    }
+                } else {
+                    if (md.is('android')) {
+                        $('#no-wechat-warn').show();
+                    }
                 }
             }
+
         }
         //判断是否为移动端
         if (md.mobile()) {