调起APP功能的实现

用户手机里面有APP的时候直接调起app，如果没有安装app就跳转到app的下载页面下载APP。
实现步骤：
1 首先判断手机是安卓还是ios手机

getBrower(){let browser={versions:function(){var u = navigator.userAgent, app = navigator.appVersion;return {trident: u.indexOf('Trident') > -1, //IE内核presto: u.indexOf('Presto') > -1, //opera内核webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器iPad: u.indexOf('iPad') > -1, //是否iPadwebApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增）qq: u.match(/\sQQ/i) == " qq" //是否QQ};}(),language:(navigator.browserLanguage || navigator.language).toLowerCase()}return browser.versions},

2 调起APP的实现原理是iframe标签的src设置为APP的shemaUrl地址调起APP，有的手机支持直接window.location.href=shemaUrl来调起app

     load(androidShema,iosShema,appUrl,appUrlIos){let timeout=2300//  let timer=nulllet brower=this.getBrower()//  alert(brower)// //  let u=navigator.userAgentif(brower.weixin||brower.qq){this.$vux.alert.show({content:'请在浏览器中打开'})return}if(brower.android){//  alert(androidShema)let startTime=Date.now();let ifr = document.createElement('iframe');ifr.src = androidShema;//这里是唤起App的协议，有Android可爱的同事提供ifr.style.display = 'none';document.body.appendChild(ifr);this.timer = setTimeout(function() {var endTime = Date.now();if(!startTime || endTime - startTime < timeout + 500) {document.body.removeChild(ifr);// window.open("唤起失败跳转的链接");window.location.href = appUrl}}, timeout);}else{//ios使用这个打开window.location.href = iosShema; //唤起协议，由iOS小哥哥提供//document.body.appendChild(ifr);this.timer = setTimeout(function() {window.location.href = appUrlIos;}, timeout);}},

调起APP功能的实现相关推荐

Android中点击链接调起App
最近工作中的一个需求是点击短信链接则调起App然后完成相关功能逻辑,查阅相关文章完成需求,以此文章来记录Android中点击链接吊起App的实现. 原理通过使用自定义Scheme方式,修改Schem ...
IOS调起app的终极方法：Universal Links
一.App"围墙" 各个移动App就像大海中的一座座岛屿,虽然都生活在一个海洋中(Android系统或iOS),但是他们之间通常是老死不相往来.举例来说,在微信应用中,用户基本上就 ...
一文理清H5调起App那些事
以安卓为例,实现h5调起app步骤: 在安卓AndroidManifest.xml中,启动Activity下添加属性: <intent-filter><action android: ...
功能引导 android,Flutter实现App功能引导页
App功能介绍页,主要是由介绍app功能的几张图片和当前页指示符组成,如下效果我们来一步一步实现上面的界面,左右滑动切换显示功能页,这个可以通过PageView来实现,底部的指示符半透明覆盖在Pag ...
PHP爱讯云商城源码v0.7.0-新增app功能
介绍: PHP爱讯云商城源码v0.7.0,新增app功能+一套app模板. 优化老模板,修复添加多个商品只显示一个的bug. 源码安装方法: 把源码上传到网站目录解压绑定域名,浏览器访问 http: ...
从0到1搭建移动App功能自动化测试平台（2）：操作iOS应用的控件
转载:http://debugtalk.com/post/build-app-automated-test-platform-from-0-to-1-Appium-interrogate-iOS-UI ...
android仿百度新闻,【Android】最新主流新闻app功能实现。仿网易,搜狐等新闻客户端实现展示...
最新主流新闻app功能实现.仿网易,搜狐等新闻客户端 (原创作品,转载请说明出处)先给大家看一下效果图: 这个项目总体来说虽然不是特别难,但是确实非常常用的功能.是业余时间自己写的一个小项目. 以前我 ...
关于扫描二维码下载app功能实现方法
关于扫描二维码下载app功能实现方法功能实现思路: Androidapk的下载本质上就是文件的下载,所以我们只需要在后台提供一个下载的方法,就能是实现apk的下载. 在实现后台代码以后,我们生成 ...
宠物服务App功能简介
随着时代的变革与发展人们的生活变得越来越好,也变的越来越多样化.物质生活的满足后,人们开始找寻其他的一些兴趣爱好,让自己的生活变的更加多彩,有人种花.有人养鸟.有人养猫.有人养狗等等.不管是养什么都是 ...

调起APP功能的实现

调起APP功能的实现相关推荐

最新文章

热门文章