app可以用h5写吗,app调用h5方法,移动端H5唤起APP的写法实例(IOS、android)

app可以用h5写吗,app调用h5方法,移动端H5唤起APP的写法实例(IOS、android)

最近h5页面扫码唤醒了App的功能,我们来记录一下。本文主要介绍手机H5唤醒APP的相关信息,有需要的朋友可以参考一下。

IOS

1.url scheme

这个方案基本是针对除微信、qq内置浏览器、qq浏览器等以外的其他浏览器。向native要一个方案,然后放在A选项卡中或者直接点击location.href

使用iframe进行页面跳转。如果有一个,就会激起阴谋。如果没有,它将触发定时器跳转到下载地址。但是这个方法在ios里,没有app的时候会提示你两次。

var openApp=function (src) {

//尝试通过iframe打开APP。如果能正常打开,会直接切换到APP,自动屏蔽A标签的默认行为。

//否则,打开A标记的href链接

const IFR=document . createelement(' iframe ');

ifr.src=src

IFR . style . display=' none ';

document . body . appendchild(IFR);

var poenTime=新日期()

window.setTimeout(()={

document . body . remove child(IFR);

if((新日期()-开放时间2500)){

Window.location='APP Store下载的APP Store地址'

}

}, 600);

};

2.通用链接(ios)

这是iOS9推出的一个功能。如果你的应用支持通用链接,你可以通过传统的HTTP链接轻松启动应用(如果你的应用已经安装在iOS设备上,你不需要做任何额外的判断等。),或者打开网页(iOS设备上未安装您的应用)。也许可以解释得更简单一些。在iOS9之前,我们通常需要使用scheme从各种浏览器中唤醒应用程序,如Safari、UIWebView或WKWebView。

Window.location.href='来自应用程序的通用链接'

总结

兼容写作

if (isGreaterThan9){

Window.location.href='来自应用程序的通用链接';

返回;

}

openApp(src)

机器人

方法是相似的

if(open app(' URL scheme URL '){

openApp('url方案URL ');

}否则{

setTimeout(()={

window . location . href=' APP Market下载地址';//一般都是google,每个应用商店都不一样。

}, 600);

}

}

总结

这就是这篇关于移动H5唤醒应用的文章。关于移动H5唤醒应用的更多信息,请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: