移动端网页唤醒app

此处以君凯商联网（品质特产网站）为例

<a id="openApp"  >君凯商联网</a>

许多移动端网站例如美团、京东等都会提示是否进入或下载app，或者是继续进行浏览网页版，用来提高app下载量，达到用户引流；

实现原理是将浏览器协议直接更换为打开本地app的协议，找到匹配项app后开启；或者是在页面中创建iframe，将iframe的url更换为打开app协议；触发事件的同事创建时间对象，若在单位时间内如1s内打开则清楚iframe或关闭window，若在3s后仍未打开则判定为本地没有安装app，confirm前往是否下载

var ios_schema = "唤醒协议",ios_download_url = "https://itunes.apple.com/cn/app/idxxxxxxxx";var android_schema = "唤醒协议",android_download_url = "";document.getElementById("openApp").onclick = function(e) {if(/(Android)/i.test(navigator.userAgent)) {var ifr = document.createElement("iframe");ifr.style.display = "none";ifr.src = android_schema;document.body.appendChild(ifr);window.setTimeout(function() {document.body.removeChild(ifr);
//                      if(confirm("检测到您手机可能没有安装app，您要前往下载君凯商联网app吗？")) {location.href = android_download_url;//打开app下载地址，有app同事提供
//                      }}, 2000)}if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {var install = false;var loadTime = new Date();location.href = ios_schema;setTimeout(function() {var outTime = new Date()if(confirm("检测到您手机可能没有安装app,马上去苹果商店下载吧~ ")) {location.href = ios_download_url;}}, 2000)}}

本人测试ios时，本地已安装app，但使用创建iframe无法唤醒，但直接将浏览器url替换即可唤醒，个人为找到解决方法，希望有大神帮助解答。

陕西云创科技 - Alex.Ma

移动端网页唤醒app相关推荐

html a标签唤醒app,网页唤醒app、一个app唤醒另一个app
网页唤醒app: 可以通过URL Schemes唤醒某个应用.具体schemes是什么,怎么理解,可自行百度,我觉得可以将它认为是某个应用的身份标识.当然,这个标识可能不是唯一的,因为人们可以自定义它 ...
支付宝手机网页唤醒app支付
请直接看原文下面链接是新版本的RSA2加密方式,这篇介绍的是老版本的手机网站唤醒app支付新版支付宝手机网站唤醒app支付.支付宝pc支付.支付宝无密退款实现 http://blog.csdn.n ...
网络爬虫中Fiddler抓取PC端网页数据包与手机端APP数据包
1 引言在编写网络爬虫时,第一步(也是极为关键一步)就是对网络的请求(request)和回复(response)进行分析,寻找其中的规律,然后才能通过网络爬虫进行模拟.浏览器大多也自带有调试工具可以 ...
淘宝商品详情API接口(网页版,APP端二合一接口)
接口名称:淘宝商品详情API接口(网页版,APP端二合一接口) 接口状态:已完成接口地址:http://gjx.sd1118.com/api/product/info 请求方式:GET Conten ...
魔坊APP项目-15-邀请好友（业务逻辑流程图、服务端提供邀请好友的二维码生成接口、客户端通过第三方识别微信二维码，服务端提供接口允许访问、App配置私有协议,允许第三方应用通过私有协议,唤醒APP）
邀请好友 1.业务逻辑流程图客户端提供点击"邀请好友"以后的页面frame,html/invite.html,代码: <!DOCTYPE html> <html ...
网页端封装生成app移动端，是开发者的热门趋势
随着智能手机的性能不断提高,人们对app的追求也越来越多,社交.支付.购物等,app开发行业逐渐热了起来.很多企业都需要借助APP软件的热潮来经营业务,有时候为了不浪费太多时间就会考虑使用app封装平 ...
手机网页唤醒支付宝APP发送加好友验证
手机网页唤醒支付宝APP发送加好友验证 <html><head><meta charset="utf-8" /><meta name=&q ...
h5 iframe显示不全_H5 唤醒APP小记
H5 唤醒APP功能最近遇到一个需求,需要在从APP分享出去的H5页面中,带有一个立即打开的按钮,如果本地安装了app,那么就直接唤起本地的app,如果没有安装,则跳转到下载.这是一个很正常的推广和 ...
iOS 浏览器唤醒app
转自:https://www.jianshu.com/p/3936287bccdd 今天工作需要,要实现微信.QQ等扫描二维码,唤醒app,跳到指定页面的功能.我去,一想没有做过呀!好吧!今天有时间做 ...

移动端网页唤醒app

移动端网页唤醒app相关推荐

最新文章

热门文章