1. // 本文来自： https://github.com/AlanZhang001/H5CallUpNative  (具体详情信息请转此处)
    3. <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 或 // var extend = require('extend');
    5. <script>
    7.   var browser = {
    8.     isAndroid: function () {
    9.       return navigator.userAgent.match(/Android/i) ? true : false;
    10.     },
    11.     isMobileQQ: function () {
    12.       var ua = navigator.userAgent;
    13.       return /(iPad|iPhone|iPod).*? (IPad)?QQ\/([\d\.]+)/.test(ua) || /\bV1_AND_SQI?_([\d\.]+)(.*? QQ\/([\d\.]+))?/
    14.         .test(ua);
    15.     },
    16.     isIOS: function () {
    17.       return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false;
    18.     },
    19.     isWx: function () {
    20.       return navigator.userAgent.match(/micromessenger/i) ? true : false;
    21.     },
    22.     isChrome: function () {
    23.       return (navigator.userAgent.match(/Chrome\/([\d.]+)/) || navigator.userAgent.match(/CriOS\/([\d.]+)/)) ? true :
    24.         false;
    25.     },
    26.     isBaidu: function () {
    27.       return navigator.userAgent.match(/baidubrowser/i) ? true : false;
    28.     },
    29.     isUC: function () {
    30.       return navigator.userAgent.match(/UCBrowser/i) ? true : false;
    31.     },
    32.     isSafari: function () {
    33.       return navigator.userAgent.match(/safari/i) ? true : false;
    34.     },
    35.     isQQBrowser: function () {
    36.       return navigator.userAgent.match(/MQQBrowser/i) ? true : false;
    37.     },
    38.     isWeibo: function () {
    39.       return navigator.userAgent.match(/weibo/i) ? true : false;
    40.     },
    41.     isAlipay: function () {
    42.       return navigator.userAgent.match(/Alipay/i) ? true : false;
    43.     }
    44.   };
    47.   /**
    48.    * [defautlConfig APP默认配置]
    49.    */
    50.   var defautlConfig = {
    52.     // 协议头
    53.     PROTOCAL: '',
    55.     // 主页
    56.     HOME: '',
    58.     // 唤起失败时的跳转链接
    59.     FAILBACK: {
    60.       ANDROID: '',
    61.       IOS: ''
    62.     },
    64.     // Android apk 相关信息
    65.     APK_INFO: {
    66.       PKG: '',
    67.       CATEGORY: 'android.intent.category.DEFAULT',
    68.       ACTION: 'android.intent.action.VIEW'
    69.     },
    71.     // 唤起超时时间，超时则跳转到下载页面
    72.     LOAD_WAITING: 3000
    73.   };
    76.   /**
    77.    * [util 创建A标签]
    78.    */
    79.   var util = {
    80.     hiddenStyle: 'display:none;width:0px;height:0px;',
    81.     /**
    82.      * [createIfr 创建iframe并隐藏，未加入document中]
    83.      */
    84.     createIfr: function (src) {
    85.       var iframe = document.createElement('iframe');
    86.       iframe.className = 'call_up_iframe';
    87.       iframe.src = src;
    88.       iframe.style.cssText = this.hiddenStyle;
    89.       return iframe;
    90.     },
    91.     /**
    92.      * [createALink 创建A标签并隐藏，未加入document中]
    93.      */
    94.     createALink: function (href) {
    95.       var aLink = document.createElement("a");
    96.       aLink.className = 'call_up_a_link';
    97.       aLink.href = href;
    98.       aLink.style.cssText = this.hiddenStyle;
    99.       return aLink;
    100.     },
    101.     /**
    102.      * [isDocHidden docuement是否已隐藏]
    103.      */
    104.     isDocHidden: function () {
    105.       return document.hidden || document.webkitHidden || document.msHidden;
    106.     },
    107.     /**
    108.      * [visibilityChangeName 兼容visibilityChange]
    109.      */
    110.     visibilityChangeName: function () {
    111.       var visibilityChange;
    112.       if (typeof document.hidden !== 'undefined') {
    113.         visibilityChange = 'visibilitychange';
    114.       } else if (typeof document.msHidden !== 'undefined') {
    115.         visibilityChange = 'msvisibilitychange';
    116.       } else if (typeof document.webkitHidden !== 'undefined') {
    117.         visibilityChange = 'webkitvisibilitychange';
    118.       };
    119.       return visibilityChange;
    120.     }
    121.   };
    123.   function Callup(config) {
    124.     if (!config) {
    125.       return;
    126.     };
    128.     // 合并参数
    129.     this.appConfig = $.extend({}, defautlConfig, config, true);
    130.   };
    132.   $.extend(Callup.prototype, {
    133.     /**
    134.      * [generateSchema 根据不同的场景及UA生成最终应用的schema]
    135.      */
    136.     generateSchema: function (schemaURI) {
    138.       var schemaStr = '';
    140.       // 如果未定义schema，则根据当前路径来映射
    141.       if (!schemaURI) {
    142.         schemaStr = this.appConfig.HOME;
    143.         // 在schema省略时，可以根据当前页面的url，设置不同的默认值
    144.       } else {
    145.         schemaStr = schemaURI;
    146.       };
    148.       // 如果是安卓chrome浏览器，则通过intent方式打开
    149.       // if (browser.isChrome() && browser.isAndroid() && browser.isUC() === false && browser.isQQBrowser() ===
    150.       //   false) {
    151.       //   schemaStr = 'intent://' + schemaStr + '#Intent;' +
    152.       //     'scheme=' + this.appConfig.PROTOCAL + ';' +
    153.       //     'package=' + this.appConfig.APK_INFO.PKG + ';' +
    154.       //     'category=' + this.appConfig.APK_INFO.CATEGORY + ';' +
    155.       //     'action=' + this.appConfig.APK_INFO.ACTION + ';' +
    156.       //     'S.browser_fallback_url=' + encodeURIComponent(this.appConfig.FAILBACK.ANDROID) + ';' +
    157.       //     'end';
    158.       // } else {
    159.       //   schemaStr = this.appConfig.PROTOCAL + '://' + schemaStr;
    160.       // };
    162.       //直接打开
    163.       schemaStr = this.appConfig.PROTOCAL + '://' + schemaStr;
    165.       return schemaStr;
    166.     },
    168.     /**
    169.      * [loadSchema 加载schema，打开app]
    170.      */
    171.     loadSchema: function (config) {
    173.       // 需要使用的schema
    174.       var schemaUrl = this.generateSchema(config.targetURI);
    175.       var body = document.body;
    177.       // Android 微信不支持schema唤醒，必须提前加入腾讯的白名单
    178.       // 百度浏览器会拦截schema，所以直接跳下载页
    179.       // QQ,weobo 内也直接跳转下载页
    180.       if (browser.isWx() || browser.isBaidu() ||
    181.         (browser.isIOS() && browser.isMobileQQ()) ||
    182.         (browser.isIOS() && browser.isAlipay()) ||
    183.         browser.isWeibo()) {
    184.         if (browser.isAndroid()) {
    185.           window.location.href = this.appConfig.FAILBACK.ANDROID;
    186.         } else if (browser.isIOS()) {
    187.           window.location.href = this.appConfig.FAILBACK.IOS;
    188.         };
    189.         // Android chrome 不支持iframe 方式唤醒
    190.         // 适用：chrome,leibao,mibrowser,opera,360，UC,qq浏览器
    191.       } else if (browser.isChrome() && browser.isAndroid() ||
    192.         browser.isUC() ||
    193.         browser.isSafari() ||
    194.         browser.isQQBrowser()) {
    195.         var aLink = util.createALink(schemaUrl); // 创建
    196.         body.appendChild(aLink);
    197.         aLink.click();
    198.         // 其他浏览器
    199.         // 适用：sogou,firefox,mobileQQ
    200.       } else {
    201.         var iframe = util.createIfr(schemaUrl);
    202.         body.appendChild(iframe);
    203.       };
    205.       this.checkLoadStatus(config.success, config.fail);
    207.     },
    209.     /**
    210.      * [checkLoadStatus 通过setTimeout来检查App是否启动]
    211.      */
    212.     checkLoadStatus: function (success, fail) {
    213.       var start = new Date().getTime();
    214.       var that = this;
    215.       var loadTimer = setTimeout(function () {
    216.         if (util.isDocHidden()) {
    217.           return;
    218.         };
    220.         // 如果app启动，浏览器最小化进入后台，则计时器存在推迟或者变慢的问题
    221.         // 那么代码执行到此处时，时间间隔必然大于设置的定时时间
    222.         if (Date.now() - start > that.appConfig.LOAD_WAITING + 200) {
    223.           //console.log('come back from app')
    224.           // 如果浏览器未因为app启动进入后台，则定时器会准时执行，故应该跳转到下载页
    225.         } else {
    226.           if (fail) {
    227.             fail();
    228.           } else {
    229.             window.location.href = browser.isIOS() ? that.appConfig.FAILBACK.IOS : that.appConfig.FAILBACK.ANDROID;
    230.           };
    231.         };
    233.       }, this.appConfig.LOAD_WAITING);
    236.       // 当本地app被唤起，则页面会隐藏掉，就会触发pagehide与visibilitychange事件
    237.       // 在部分浏览器中可行，网上提供方案，作hack处理
    238.       document.addEventListener(util.visibilityChangeName(), function () {
    239.         if (util.isDocHidden) {
    240.           clearTimeout(loadTimer);
    241.         }
    242.       }, false);
    244.       // pagehide 必须绑定到window
    245.       window.addEventListener('pagehide', function () {
    246.         clearTimeout(loadTimer);
    247.         success && success();
    248.       }, false);
    249.     }
    250.   });
    252.   /*globals Callup*/
    253.   var callup = new Callup({
    254.     // 协议头
    255.     PROTOCAL: 'shareits',
    256.     // 主页
    257.     HOME: 'game',
    258.     // 唤起失败时的跳转链接
    259.     FAILBACK: {
    260.       ANDROID: 'https://play.google.com/store/apps/details?id=com.lenovo.anyshare.gps&referrer=utm_source%3D%26utm_medium%3DSHAREitinvite%26utm_campaign%3Dinvite',
    261.       IOS: ''
    262.     },
    263.     // Android apk 相关信息
    264.     APK_INFO: {
    265.       PKG: 'com.lenovo.anyshare',
    266.       CATEGORY: 'android.intent.category.DEFAULT',
    267.       ACTION: 'android.intent.action.VIEW'
    268.     },
    269.     // 唤起超时时间，超时则跳转到下载页面
    270.     LOAD_WAITING: 2000
    271.   });
    273.  function action() {
    274.          //encodeURIComponent()编码之后不会跳转到目的地，这里未使用编码
    275.     // var url = encodeURIComponent('gameshare/8?inner_func_type=28&portal=gameshare&main_tab_name=navi_game&channel_id=game');
    277.     var url = 'gameshare/8?inner_func_type=28&portal=gameshare&main_tab_name=navi_game&channel_id=game';
    278.     callup.loadSchema({
    279.         // 通过NN打开某个链接
    280.         targetURI: url,
    281.         success:function(){
    282.         },
    283.         fail: function(){
    284.             window.location.href = 'https://play.google.com/store/apps/details?id=com.lenovo.anyshare.gps&referrer=utm_source%3D%26utm_medium%3DSHAREitinvite%26utm_campaign%3Dinvite';
    285.         }
    286.     });
    287.  };
    290. window.onload = function() {
    291.   // action();
    292. };
    293. </script>