介绍
这篇文章将为大家详细讲解有关通过手机浏览器打开应用程序或者跳转到下载页面的功能怎么实现,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
通过手机浏览器打开应用程序或者跳转到下载页面
以下仅展示最简单的例子及关键代码
由于硬件条件有限,仅测试了安卓系统下的情况
添加方案
在HBuilder创建的移动应用项目下有<强>清单。json >强文件,在里面添加计划,计划中的值你喜欢设置成什么就什么吧。
网页设置
这个时候,你需要一个简单网络系统,能提供一个简单的web页面供手机浏览器访问。
这个做过Java的人都懂,不详说了。
& lt; !DOCTYPE html> & lt; html xmlns: th=癶ttp://www.thymeleaf.org"祝辞& lt; head> & lt;元charset=皍tf-8"/比; & lt; title>文档标题& lt;/title> & lt;/head> & lt; body> 风格& lt; p=白痔宕笮?68 px;“比; & lt; a href=癹avascript: open_or_download_app();“在打开APP & lt;跨度id=癲evice"祝辞& lt;/span> & lt;/p> & lt;脚本类型=拔谋?javascript"比;//& lt; ! [CDATA [ 函数open_or_download_app () { var设备=. getelementbyid (“device"); 如果(navigator.userAgent.match (/(iPhone iPad iPod | |);吗?/我)){ 设备。innerHTML=癷os设备,;//判断useragent,当前设备为ios设备 var loadDateTime=new日期();//设置时间阈值,在规定时间里面没有打开对应应用的话,直接去应用商店进行下载。 window.setTimeout(函数(){ var timeOutDateTime=new日期(); 如果(timeOutDateTime - loadDateTime & lt; 2200) { 窗口。位置=皒xxxxxxx";//应用程序下载地址 其他}{ 窗口关闭(): } }, 2000); 窗口。位置=癮pptest://apptest";//ios端URL模式 }else if (navigator.userAgent.match (/android/我)){ 设备。innerHTML=癆ndroid设备,;//判断useragent,当前设备为Android设备//判断useragent,当前设备为ios设备 var loadDateTime=new日期();//设置时间阈值,在规定时间里面没有打开对应应用的话,直接去应用商店进行下载。 window.setTimeout(函数(){ var timeOutDateTime=new日期(); 如果(timeOutDateTime - loadDateTime & lt;2200){ 窗口。位置=皒xxxxxxx";//应用程序下载地址 其他}{ 窗口关闭(): } }, 2000); 窗口。位置=癮pptest://apptest";//Android端URL模式 } }//]]比; & lt;/script> & lt;/body> & lt;/html>
Android的URL模式写成“你设置的模式://你设置的模式”即可访问.IOS的和这个不同.URL模式的详解自行百度,你会有更深的理解。
根据参考,即使在后台打开了应用,JS仍会执行一段时间,大概是600 - 1000毫秒,所以至少也要设置定时调度大于1秒,这样比较有保证。
window.setTimeout(函数(){},2000);//需要设置大一点,才有效果,否则会始终执行
接下来就可以打包应用安装到手机上进行测试,也可以删掉应用,对比两次的结果。
IOS的有条件再补上
关于通过手机浏览器打开应用程序或者跳转到下载页面的功能怎么实现就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。