做一个跳转APP的网页

尺寸适配

没有引入第三方库，使用了calc函数来做移动端适配
margin-top: calc(71 / 375 * 100vw);

打开APP

安卓iOS一样使用scheme
window.location = "scheme://?param=1"

判断是否是iOS设备

var u = navigator.userAgent;
var ios = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/);

未安装跳转

1.iOS跳转APP store
window.location = "http://apps.apple.com/cn/app/id994132963"
2.安卓跳转应用宝

新需求

给产品看完效果，产品说：能不能点击链接不跳转网页直接跳转APP
例如联通的短信可直接打开APP

【中国联通】温馨提示：您有500积分将于2021-4-10 23:59失效，可换购10GB全国流量，腾讯视频、爱奇艺会员等礼品！请尽快激活积分，点击 https://u.10010.cn/psjf 登录中国联通APP首页【积分大派送】领取。（本积分为定向奖励积分） 回复TD退订