美文网首页
做一个跳转APP的网页

做一个跳转APP的网页

作者: ONE2 | 来源:发表于2021-04-27 11:24 被阅读0次

尺寸适配

没有引入第三方库,使用了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退订

相关文章

网友评论

      本文标题:做一个跳转APP的网页

      本文链接:https://www.haomeiwen.com/subject/lquurltx.html