zoukankan      html  css  js  c++  java
  • h5 扫描二维码打开app和点击下载功能的实现

    window.onload = function () {
       jumpToapp()
    }
    var browser = {
      isAndroid: function () {
        return navigator.userAgent.match(/Android/i) ? true : false;
      },
      isMobileQQ: function () {
        var ua = navigator.userAgent;
        return /(iPad|iPhone|iPod).*? (IPad)?QQ/([d.]+)/.test(ua) ||
        /V1_AND_SQI?_([d.]+)(.*? QQ/([d.]+))?/.test(ua);
    },
      isIOS: function () {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false;
    },
      isWx: function () {
        return navigator.userAgent.match(/micromessenger/i) ? true : false;
    },
      isChrome: function () {
        return navigator.userAgent.match(/chrome/i) ? true : false;
      }
    };
    var createIframe = (function () {
      var iframe;
      return function () {
          if (iframe) {
            return iframe;
          } else {
            iframe = document.createElement('iframe');
            iframe.style.display = 'none';
            document.body.appendChild(iframe);
            return iframe;
          }
      }
    })()
    
    var jumpToapp = function () {
      var isAndroid = function () {
        return navigator.userAgent.match(/Android/i) ? true : false;
      }
      var isIOS = function () {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false;
      }
    if (isIOS()) {
      window.location.href = "sxz://sxz.com";//伪协议scheme
    } else if (isAndroid()) {
      var ifr = document.createElement('iframe');
      ifr.src = "sxz://sxz.com";//伪协议scheme
      ifr.style.display = 'none';
      document.body.appendChild(ifr);
      }
     }
    $('#open_app').click(function () {
      openApp();
    })
    
    var openApp = function () {
      if (browser.isIOS()) {
        window.location.href = "ios下载地址";
      } else if (browser.isAndroid()) {
        window.location.href = "安卓下载地址";
     }
    
     
    
  • 相关阅读:
    SpringMvc的执行机制和环境搭建
    Flexbox,更优雅的布局
    Laravel框架 mysql 数据库 —— 基本使用
    在 Windows 上安装 Laravel 5.x
    javascript 中的借鸡生蛋
    由斐波那契数列所引发的性能优化
    成为一名优秀的Web前端开发者
    H5之contenteditable
    ionic 集锦
    vm10虚拟机安装Mac OS X10.10教程[转]
  • 原文地址:https://www.cnblogs.com/sxz2008/p/8245431.html
Copyright © 2011-2022 走看看