我正在开发一个Web应用程序,其中一旦用户成功登录浏览器类型就应该被检测到。如果在Android手机上打开该页面,则用户应该能够下载APK文件。但是,在iOS上应该显示AppStore中应用程序的链接。
答案 0 :(得分:0)
这实际上很容易通过浏览器检测实现。将jQuery包含到您的页面并尝试以下操作:
$(document).ready(function() {
var ua = navigator.userAgent.toLowerCase();
var android = ua.indexOf("android") > -1;
var iOS = ( navigator.userAgent.match(/(iPad|iPhone|iPod)/g) ? true : false );
if(android) {
$('#androidLink').show();
}
if(iOS) {
$('#iosLink').show();
}
});
假设您的HTML页面中有类似内容:
<div id="androidLink" style="display:none;">
Hi Android user <a href="link.to.apk">click here to download our app</a>
</div>
<div id="iosLink" style="display:none;">
Hi iOS user <a href="link.to.apple.app.store">click here to download our app</a>
</div>