h5 扫描二维码打开app和点击下载功能的实现

Posted Lonely existence, lonely burni

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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) ||
    /\bV1_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 = "安卓下载地址";
 }

 

 

以上是关于h5 扫描二维码打开app和点击下载功能的实现的主要内容,如果未能解决你的问题,请参考以下文章

怎样微信扫描二维码跳转页面,H5页面在微信中下载APP的实现方式

在微信中,实现微信点击链接或者扫描二维码在浏览器中打开指定的链接

微信跳转手机默认浏览器提示 微信h5页面中下载第三方app的方法

Mindjump-超棒!在线实现微信扫描二维码自动打开外部浏览器下载app的功能

html5怎么扫描二维码

366API!完美解决微信上h5页面点击文件下载链接没反应的问题