提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

前言

H5跳转APP，如果当前设备没有安装该APP，跳转去应用商店下载

提示：以下是本篇文章正文内容，下面案例可供参考

一、使用步骤

代码如下（示例）：

<script>
	export default {
		components: {},
		data() {
			return {
				id: '',
				time:null,
			};
		},
		mounted() {},
		onLoad(opions) {
	
		},
		onShow() {

		},
		onHide() {
			if(this.time){
				clearTimeout(this.time)
			}
		},
		methods: {
		//判断当前H5在哪打开的
			openapp() {
				if (uni.getSystemInfoSync().platform == 'ios') {
					this.iosApp()
				} else if (uni.getSystemInfoSync().platform === 'android') {
					this.andApp()
				} else {
					uni.showToast({
						title: '请使用手机浏览器打开',
						icon: 'none'
					});
				}
			},
			//安卓
			andApp() {
				var u = navigator.userAgent
				if (u.match(/(vivo|VIVO);?/i)) {
					window.location = `ibathapp://share?id=${this.id}&type=2`
					this.time = setTimeout(function() {
						window.location.href = "vivomarket://details?id=com.xxxxx" // vivo手机  com.xxxx包名
						clearTimeout(this.time)
					}, 4000);
				} else if (u.match(/(OPPO|oppo);?/i)) {
					window.location = `ibathapp://share?id=${this.id}&type=2`
					this.time = setTimeout(function() {
						window.location.href = "oppomarket://details?packagename=com.xxxxxx" // oppo手机
						clearTimeout(this.time)
					}, 4000);
				} else if (u.match(/(HUAWEI|HONOR);?/i)) {
					window.location.href = `ibathapp://share?id=${this.id}&type=2`
					this.time = setTimeout(function() {
						window.location.href = "appmarket://details?id=com.xxx" // 华为手机
						clearTimeout(this.time)
					}, 4000);
				} else {
					//安卓其他设备
					window.location = `ibathapp://share?id=${this.id}&type=2`
					this.time = setTimeout(function() {
						window.location.href = 'https:xxxxxxx' // 下载地址
						clearTimeout(this.time)
					}, 4000);
				}
			},
			//ios
			iosApp() {
				window.location = `ibathapp://share?id=${this.id}&type=2`
				this.time = setTimeout(function() {
					window.location = "http://apps.apple.com/cn/app/id387682726"
					clearTimeout(this.time)
				}, 4000);
			},
		}
	};
</script>

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

最后

以上就是无情项链为你收集整理的H5跳转APP，如果当前设备没有安装该APP，跳转去应用商店下载前言一、使用步骤总结的全部内容，希望文章能够帮你解决H5跳转APP，如果当前设备没有安装该APP，跳转去应用商店下载前言一、使用步骤总结所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。