vue实现iOS和Android用同一个二维码实现跳转下载链接的方法

一、 代码实现

qrCode.vue

<script setup lang="ts">
const isWeixin = () => {
	let ua = navigator.userAgent.toLowerCase();
	return ua.indexOf('micromessenger') !== -1;
};
const isIos = () => {
	let ua = navigator.userAgent.toLowerCase();
	return ua.indexOf('iphone') > -1 || ua.indexOf('mac os') > -1;
};
const goDownload = (wxClick: boolean) => {
	if (isIos()) {
		window.location.href = 'https://apps.apple.苹果下载链接/hk/app/id1064***';
	} else if (isWeixin()) {
		// 微信浏览器时点击弹出提示，其他浏览器直接触发下载
		if (wxClick) alert('请点击右上角按钮, 选择使用浏览器打开');
	} else {
		window.location.href = 'https://安卓下载链接/cicchks.apk';
	}
};
goDownload(true);
</script>

<template>
	<div>
	</div>
</template>

<style lang="scss" scoped>
</style>

二、将本页面地址转换成二维码, 方法很多因功能而异, 可以用qrcode转成动态二维码, 也可以用一些网页工具草料二维码转成静态二维码

例:

三、然后用手机微信或者浏览器扫码就可以识别安卓苹果机型跳转到对应的下载链接了