H5唤起APP示例

yangzheui

已于 2024-04-29 17:37:39 修改

阅读量423

点赞数 4

文章标签：前端

于 2024-04-29 17:30:00 首次发布

本文链接：https://blog.csdn.net/yangzheui/article/details/138320036

版权

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>H5唤起APP示例</title>
		<style>
			button {
				margin-bottom: 16px;
			}
		</style>
		<script type="text/javascript">
			function openAppWX() {
				window.location.href = 'weixin://';
				setTimeout(function() {
					if (document.hidden || document.webkitHidden) {
						// 唤起失败，提供跳转到H5页面的选项
						if (confirm('未检测到对应的APP，是否跳转到H5页面？')) {
							window.location.href = 'https://zhuanlan.zhihu.com/p/149523091';
						}
					}
				}, 2000); // 设置一个2秒的定时器，判断是否唤起成功
			}

			function openAppDY() {
				window.location.href = 'snssdk1128://';
				setTimeout(function() {
					if (!document.hidden || !document.webkitHidden) {
						// 唤起失败，提供跳转到H5页面的选项
						if (confirm('未检测到对应的APP，是否跳转到H5页面？')) {
							window.location.href = 'https://zhuanlan.zhihu.com/p/149523091';
						}
					}
				}, 2000); // 设置一个2秒的定时器，判断是否唤起成功
			}

			function openAppDYF() {
				window.location.href = 'snssdk2329://';
				setTimeout(function() {
					if (!document.hidden || !document.webkitHidden) {
						// 唤起失败，提供跳转到H5页面的选项
						if (confirm('未检测到对应的APP，是否跳转到H5页面？')) {
							window.location.href = 'https://zhuanlan.zhihu.com/p/149523091';
						}
					}
				}, 2000); // 设置一个2秒的定时器，判断是否唤起成功
			}
		</script>

	</head>
	<body>
		<h4>H5唤起APP示例</h4>
		<button onclick="openAppWX()">打开微信</button> <br />
		<button onclick="openAppDY()">打开抖音</button> <br />
		<button onclick="openAppDYF()">打开抖音极速版</button> <br />
		<a href="snssdk2329://">打开抖音极速版</a><br />
	</body>
</html>