- 判断当前手机系统
- 尝试打开APP链接,手机已安装了APP成功跳转打开APP
- 手机没有安装APP则跳到应用商城安装页
if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
var loadDateTime = new Date();
window.setTimeout(function () {
var timeOutDateTime = new Date();
if (timeOutDateTime - loadDateTime < 5000) {
window.location = "app安装链接";
window.onbeforeunload = function () {
return false;
}
} else {
window.close();
}
}, 25);
window.location = "要打开的页面链接";
}
else if (navigator.userAgent.match(/android/i)) {
var loadDateTime = new Date();
var state = window.open("要打开的页面链接", '_blank');
window.setTimeout(function () {
var timeOutDateTime = new Date();
if (timeOutDateTime - loadDateTime < 5000) {
window.location = "app安装链接";
} else {
window.close();
}
}, 25);
}
Safari在iOS 6和更高版本中具有新的Smart App Banner功能,该功能提供了从网站在App Store上推广应用程序的标准化方法。
如果该应用程序已经安装在用户设备上,点击横幅广告只会打开该应用程序。如果用户的设备上没有您的应用程序,请点击横幅将其带到App Store中的应用程序条目。当他们返回您的网站时,进度条会出现在横幅中,指示完成下载将花费多长时间。应用下载完成后,“查看”按钮将变为“打开”按钮,点击横幅将打开该应用,同时保留您网站中用户的上下文。
智能应用程序横幅会自动确定用户设备上是否支持该应用程序。如果加载横幅广告的设备不支持您的应用,或者您所在位置无法使用您的应用,则横幅广告将不会显示。
<meta name='apple-itunes-app' content='app-id=所需跳转的AppID>
如果是微信H5网页跳转 App、跳转小程序,需要引入微信 JSSDK 并且配置最新 JSSDK:
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <!-- 至少必须是1.6版本 -->
wx.config({
debug: false,
beta: true,
appId: data.appid, // 必填,公众号的唯一标识
timestamp: data.timestamp, // 必填,生成签名的时间戳
nonceStr: data.noncestr, // 必填,生成签名的随机串
signature: data.signature, // 必填,签名
jsApiList: [''], // 必填,需要使用的JS接口列表 这里有一个坑,这项不能是 [],会不显按钮
openTagList: ['wx-open-launch-weapp'] // 可选,需要使用的开放标签列表
})
wx.ready(() => {
// 显示小程序跳转按钮
})