手机浏览器下怎么打开app应用
来源:互联网 发布:f盘不可以安装sql吗 编辑:程序博客网 时间:2024/04/29 15:20
今天在做前端输出的时候,需要和app的做些对接工作。就是在手机浏览器中下载某app时,能判断该用户是否安装了该应用。如果安装了该应用,就直接打开该应用;如果没有安装该应用,就下载该应用。那么下面就对在浏览器中,用js判断某用户是否安装了该应用,并判断是否打开该应用做个简单的介绍。
那么,怎么判断某用户是否安装了某应用呢?
在这里,先写段html代码,如下:
<!doctype html><html><head><meta charset="utf-8"></head><body><a href="某app下载链接" class="down_app" onclick="isInstalled()"></a></body></html>
判断手机端是否安装某应用,并打开该应用的js代码如下:
function isInstalled(){var the_href=$(".down_app").attr("href");//获得下载链接window.location.href="apps custom url schemes";//打开某手机上的某个app应用setTimeout(function(){window.location.href=the_href;//如果超时就跳转到app下载页},500);}
下面对这段js代码做一个简单的解析:首先试着打开手机端某个app的本地协议;如果超时就转到app下载页,下载该app。
说到这里,有人就要问了,这个本地协议又是怎么建立的呢?好了,下面也就这个做个简单的介绍:
其实就是在app中将http协议转换为本地协议,具体怎么转换,不在本讨论范围。但需要在app里面对配置文件做一下设置(一般是在manifest.xml文件的activity的intent filter里面):
<span><intent-filter> <action android:name="android.intent.action.VIEW" /> <category android:name="android.intent.category.DEFAULT" /> <category android:name="android.intent.category.BROWSABLE" /> <data android:scheme="**" android:host="**.**" android:pathPrefix="/**"> </data> </intent-filter></span>
apps custom url schemes是什么呢?
其实就是你与app约定的一个协议URL,在IOS客户端或者Android客户端中可以设置一个URL Scheme。例如,设置URL Scheme:app,然后其他的程序就可以通过“URLString=app://”调用该应用。还可以传参数,如:app://reaction/?uid=1
以上介绍了怎么创建该本地协议及调用该本地协议的方法。但这里还有个关键就是怎么判断用户是否安装了该app呢?原理如下:
在手机浏览器中用js代码请求该协议,如果在500ms内,如果有应用程序能解析这个协议,那么就能打开该应用;如果超过500ms就跳转到app下载页。
但最近也发现了一些问题,在iPhone、华为、小米及酷派等手机下,都能正确打开app。但当用户手机没有安装app时,iPhone、华为等手机可以打开app应用,小米就打不开。页面会显示所请求的地址有错等,没能跳转到app下载页面。在网上找了些资料,有以下两种解决方法:
1.将setTimeOut的时间缩短,我这里设置的是500ms,觉得时间有点长了,那么我就设置30ms;
2.另外,iOS下将连接协议改成itms://itunes.apple.com/cn/app可以避免。(至于Android能不能这么搞,还待测试后才知)。
- 手机浏览器下怎么打开app应用
- 手机浏览器下怎么打开app应用
- 手机浏览器下判断是否安装某app,并判断是否打开该应用
- 手机浏览器下判断是否安装某app,并判断是否打开该应用
- Andriod通过手机浏览器打开本地app应用
- 浏览器打开android应用APP
- 在浏览器中打开手机app
- 手机浏览器打开手机上某个APP及注意事项
- 手机浏览器打开本机已安装应用
- 怎么在第三方应用中打开自己的APP
- Phonegap 打开手机浏览器
- 通过浏览器链接打开本地应用(APP)
- window命令行直接打开手机的APP应用
- Android-----代码实现打开手机第三方应用APP
- Android App打开手机QQ、微信等应用
- 浏览器打开自己App
- 浏览器打开android app
- 浏览器链接打开App
- w3c技术测试-second
- w3c网站第三次的学习总结HTML篇01
- 关于自适应布局的一点总结
- text-indent实现文本缩进布局
- css经典书籍
- 手机浏览器下怎么打开app应用
- 一个简单的CSS弹出窗
- JavaScript数值转换函数(Number(),parseInt(),parseFloat(),Math)总结
- 学习CSS(3)
- JavaScript设置倒计时及倒计时弹窗
- UVALive 6955Finding Lines
- $(document).ready()与$(window).load()的区别
- 手机端JavaScript实战技巧小总
- DICOM:C-GET与C-MOVE对比剖析