Android和IOS的浏览器中检测是否安装某个客户端的方法

时间:2021-05-20

我们希望更多的用户用我们的产品,更希望能留住更多的用户。这个时候让用户使用客户端的意义就变得格外重要了。

毕竟客户端是实实在在的占据了用户的桌面,每天或多或少都会看到我们的产品。
然后,作为手机端的Web产品,用户通过手机浏览器访问到了我们的页面,我们就希望用户能直接使用或者下载我们的客户端产品了。
最后就有了下载Banner一说。

IOS

说到IOS,非常兴奋的是,自IOS6开始,我们只需要在html里加上meta标签就可以了。
具体的meta标签是:<meta name="apple-itunes-app" content="app-id=504274740" />
当然,更具体的描述,请参看苹果的开发者平台文档:Promoting Apps with Smart App Banners
那IOS6以下呢?
我的回答是:直接展示一个下载banner吧。

Android

针对Android,如果我们细心的话就会发现,很多应用都会一直在后台跑着。关都关不掉。
这么一来就,我们就可以通过给这个后台进程发一个请求,然后通过判断这个请求是否正确响应,来判断是否安装了我们的App。
如果没有正确响应,我们就认为应该是没有安装我们的客户端应用。
基本思路就是这样,我们看代码实现:
复制代码 代码如下:(function() {
var isInstalled,
url = '_url_', // 找android工程师要吧
script = document.createElement('script');

script.src = url;
script.onload = function() {
// alert('Is installed.');
isInstalled = true;
};
script.onerror = function() {
// alert('May be not installed.');
isInstalled = false;
}

document.body.appendChild(script);
})();

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章