<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>安得直通宝下载</title>
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
      <style>    
         body {
             height: 100%;
             padding: 0;
             margin: 0;
             font-family: "simHei";
             font-size: 1em;
             background-color: #0081db;
             color: #fff;
             -webkit-overflow-scroll: touch;
         }
         * {
             font-family: "simHei" !important;
         }
         a {
             text-decoration: none;
             cursor: pointer;
             color: #fff;
         }
         .logo{
            margin: 30% auto 0;
            width: 105px; 
            height: 105px;
            background: url(images/1.png) no-repeat center center;
            background-size: contain;
         }  
         .logo-detail{
            width: 100%;
            margin: 14px auto 0;
            font-size: 30px;
            color: #fff;
            text-align: center;
         }
         .helper{
            margin-top: 10px;
            font-size: 18px;
            color: #fff;
            text-align: center;
         }
         .down{
            margin: 50px auto 0;
            width: 300px;
            height: 115px;
         }
         .weixin{
            float: right;
            width: 115px;
            height: 115px;
            background: url(images/weixin.png) no-repeat center center;
            background-size: contain;
         }
         .down-d{
            float: left;
            margin-top: 5px;
            width: 165px;
            height: 100px;
         }
         .ios-and{
            display: block;
            padding-left: 40px;
            box-sizing: border-box;
            width: 160px;
            height: 43px;
            line-height: 43px;
            font-size: 12px;
            border:1px solid #fff;
            border-radius: 6px;
         }
         .and{
            background: url(images/2.png) no-repeat 7% center;
            background-size: 25px;
         }  
         .ios{
            margin-top: 15px;
            background: url(images/3.png) no-repeat 7% center;
            background-size: 25px;
         }
         .down-weixin-mask {
            position: fixed;
             top: 0;
             left: 0;
             z-index: 96; 
             width: 100%;
             height: 100%;
             background-color: #000;
             -moz-opacity:.65;
             opacity:.65;
             filter: alpha(opacity=65);
             -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);
         }
         .down-weixin-tip {
            position: absolute;
             top: 84px;
             left: 8%;    
             z-index: 98;  
             width: 84%;
            height: 50%;
         }
         .down-weixin-pic {
            width: 100%;
            height: 100%;
             background: url(images/weixin_tip.png) no-repeat;
            background-size: 100% auto;    
         }
         .down-weixin-arrow {
            position: absolute;
             top: 0;
             right: 21px;
             z-index: 97;    
             width: 62px;
            height: 86px;
            background: url(images/weixin_tip_arrow.png) no-repeat center center;
            background-size: cover;    
         }
         .down-weixin-close {
            position: absolute;
             top: 92px;
             right: 40px;
             z-index: 99;    
             width: 24px;
            height: 24px;
            background: url(images/weixin_tip_close.png) no-repeat center center;
            background-size: cover;    
         }
         #close-all{
            display: none;
         }
      </style>
   </head>
   <body>
      <div class="logo"></div>
      <div class="logo-detail">安得直通宝</div>
      <p class="helper">最专业的物流助手</p>
      <div class="down">
         <div class="down-d">
            <a class="and ios-and" onclick="showWeixinTip(true)">Android公测版下载</a>
            <a class="ios ios-and" onclick="showWeixinTip(false)">ios公测版下载</a>
         </div>
         <div class="weixin"></div>
      </div>
      <div id="close-all">
         <div class="down-weixin-tip">
              <div class="down-weixin-pic"></div>
          </div>
          <div class="down-weixin-arrow"></div>
          <div class="down-weixin-close" onclick="oClose()"></div>
          <div class="down-weixin-mask"></div>
      </div>
      <script type="text/javascript">
         var oClose = document.getElementsByClassName('down-weixin-close'),
            oMask = document.getElementById('close-all');
            var isWeiXin = function () {
                var ua = navigator.userAgent.toLowerCase();
                var isWeichat = false ;
                if((/micromessenger/.test(ua)) ? true : false && (/android/.test(ua)) ? true : false){
                    isWeichat = true ;
                }
                if((/qq/.test(ua)) ? true : false && (/android/.test(ua)) ? true : false){
                    isWeichat = true ;
                }
                return isWeichat ;
            };
         var openIsWeixin = isWeiXin();
         var notIos = !/ios/.test(navigator.userAgent.toLowerCase());
         /*openIsWeixin 和 notIos 都为true才显示*/
         if(openIsWeixin && notIos){
            oMask.style.display = 'block';
         };
         console.log(openIsWeixin);
            var showWeixinTip = function(isAndroid){
            alert(isAndroid);
                openIsWeixin = isWeiXin();
                if(!openIsWeixin){
               setTimeout(function(){
                  var url = isAndroid ? "http://map.midea.com/map/mam/apps/download/com.midea.annto/android?appKey=73ed94969d70f377f4a3ea4fc10acd55" : "https://map.midea.com/map/mam/apps/download/com.midea.annto/ios?appKey=73ed94969d70f377f4a3ea4fc10acd55";
                  window.open(url);
               }, 1000);
            } else if (openIsWeixin && !notIos) {
                    setTimeout(function(){
                  var url = "https://map.midea.com/map/mam/apps/download/com.midea.annto/ios?appKey=73ed94969d70f377f4a3ea4fc10acd55";
                        window.open(url);
                    }, 1000);
                }
            };
         var oClose = function () {
            oMask.style.display = 'none';
            openIsWeixin = false;
         };
          /*  var closeWeixinTip = function(){
                openIsWeixin = false;
            };*/
      </script>
   </body>
</html>

判断是否微信，qq等登陆。进去不同的页面下载的更多相关文章

  1. 判断浏览器环境(QQ,微信,安卓设备,IOS设备,PC微信环境,移动设备)

    判断浏览器环境(QQ,微信,安卓设备,IOS设备,PC微信环境,移动设备) // ===== 判断浏览器环境 ===== // // 判断是否是QQ环境 function isQQ() { retur ...

  2. 分享一下,PHP实现第四方QQ微信扫码登陆,不接入qq互联以及微信开发者平台就可以实现用户对接鹅厂,phpQQ微信扫码登陆

    自己抓的QQ包以及整合了网上一些已经封装好了的代码具体如下:QQ: <?php class QQ extends Curl_Api { //获取登录验证码 public function QRc ...

  3. C#网站实现QQ第三方登陆# C#快速开发教程

    C#网站实现QQ第三方登陆 说起在网站上面可以直接使用QQ登录功能大家并不陌生.但翻其官方提供的SDK包中却没有C#方向的. 但是我们有个牛人叫张善友,做了一个民间SDK.下面我们就是用他所写的SDK ...

  4. 微信QQ打开网页时提示用浏览器打开

    微信QQ打开网页时提示用浏览器打开 一,需求分析 1.1,使用微信或QQ打开网址时,无法在微信或QQ内打开常用下载软件,手机APP等.故此需要在微信qq里提示 二,功能实现 2.1 html实现 &l ...

  5. 【javascript】判断是否微信浏览器的最佳实践

    根据判断UA中是否有关键字micromessenger,有的话则是微信内置浏览器 用Chrome的iPhone5模拟测试 //判断是否微信登陆 function isWeiXin() { var ua ...

  6. 微信登陆，微信SDK授权登陆经验分享

    From:http://www.eoeandroid.com/thread-547012-1-1.html 最近因为项目需要做了微信登陆,好像也是微信最近才放出来的接口.还需要申请才能有权限实现授权. ...

  7. Vue3.0网页版聊天|Vue3.x+ElementPlus仿微信/QQ界面|vue3聊天实例

    一.项目简介 基于vue3.x+vuex+vue-router+element-plus+v3layer+v3scroll等技术构建的仿微信web桌面端聊天实战项目Vue3-Webchat.基本上实现 ...

  8. Android 实现微信QQ分享以及第三方登录

    集成准备 在微信开放平台创建移动应用,输入应用的信息,包括移动应用名称,移动应用简介,移动应用图片信息,点击下一步,选择Android 应用,填写信息提交审核. 获取Appkey 集成[友盟+]SDK ...

  9. nodejs+koa+uniapp实现微信小程序登陆获取用户手机号及openId

    nodejs+koa+uniapp实现微信小程序登陆获取用户手机号及openId 前言: 我准备用nodejs+koa+uniapp实现一款餐饮点单小程序,以及nodejs+koa+vue实现后端管理 ...

随机推荐

  1. Centos7 使用Docker安装rocket.chat聊天工具

    镜像下载.域名解析.时间同步请点击阿里云开源镜像站 下载安装 Rocket.Chat 目前最新的版本为 4.0.1,可以通过手动或者容器的方式安装.这里我推荐使用容器,部署过程会方便不少. 如果要用容 ...

  2. SQL语句大全，所有的SQL都在这里

    转自微信公众号-我是程序汪 一.基础 1.说明:创建数据库CREATE DATABASE database-name2.说明:删除数据库drop database dbname3.说明:备份sql s ...

  3. [SPDK/NVMe存储技术分析]009 - Introduction to RDMA Send | RDMA Send操作概论

    来源: https://zcopy.wordpress.com/ 说明: 本文不是对原文的逐字逐句翻译,而是摘取核心部分以介绍RDMA Send操作(后面凡是提到RDMA send, 都对应于IBA里 ...

  4. Java中获取applicationcontext(应用上下文)

    package com.wl.iwbservice.util; import org.springframework.beans.BeansException; import org.springfr ...

  5. badusb

    ​badusb介绍 BadUSB是利用伪造HID设备执行攻击载荷的一种攻击方式.HID(Human InterfaceDevice)设备通常指的就是键盘鼠标等与人交互的设备,用户插入BadUSB,就会 ...

  6. 接口（interface）与抽象类（abstract class）两者的异同

    首先说明一下,JDK1.8以后接口可以有默认方法和静态方法以及私有方法. 一.概念: 接口(interface):是抽象类的变体,其中所有的方法都是抽象的且不能有方法体,而且只能定义 static f ...

  7. 什么是unzip 命令？

        · 解压 *.zip 文件:unzip test.zip .    · 查看 *.zip 文件的内容:unzip -l jasper.zip .

  8. 什么是 JavaConfig？

    Spring JavaConfig 是 Spring 社区的产品,它提供了配置 Spring IoC 容器的纯 Java 方法.因此它有助于避免使用 XML 配置.使用 JavaConfig 的优点在 ...

  9. 什么情况下一个 broker 会从 isr中踢出去？

    leader会维护一个与其基本保持同步的Replica列表,该列表称为ISR(in-sync Replica),每个Partition都会有一个ISR,而且是由leader动态维护 ,如果一个foll ...

  10. java-流式编程

    流式编程 流的一个核心好处是,它使得程序更加短小并且更易理解. public class Demo1 { public static void main(String[] args) { new Ra ...