安卓和iOS统一下载页面
2024-08-28 14:20:10
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>二维码下载</title>
</head> <body>
<div class="download">
<img src="./img/512.png" alt="" class="downloadimg">
<p class="downloadtextNews">海屯天地</p>
<p class="downloadtext">请您耐心等待,页面加载中...</p>
</div> <script>
window.onload = function () {
//写具体的逻辑代码
if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
window.location = "https://apps.apple.com/cn/app/%E6%B5%B7%E5%B1%AF%E5%A4%A9%E5%9C%B0/id1476184172?uo=4";
} else (/android/i.test(navigator.userAgent)) {
window.location = "https://www.baidu.com";
}
}
</script> <style>
.download {
background: #fff;
padding-bottom: 12rem;
font-size: .75rem; } .downloadimg {
width: 200px;
height: 200px;
display: block;
margin: 80px auto;
} .downloadtextNews {
text-align: center;
font-size: 28px;
position: relative;
top: -60px;
} .downloadtext {
font-size: 16px;
text-align: center;
line-height: 30px;
}
</style>
</body> </html>
最新文章
- Redis_redis分布式锁-SETNX
- node项目换了环境node_modules各种报错
- String str=new String(";a";)和String str = ";a";有什么区别?
- Java(jdk1.7) 陷阱
- iMAC——查看开机关机时间
- 移动平台的meta标签-----神奇的功效
- css3表格隔行变色和表格选中变颜色代码
- 当list做gridview的数据源时,可以用泛型来对list进行排序
- 使用pscp命令在Windows与linux之间拷贝文件
- RocketMQ与kafka对比(官方)
- 【gdoi2018 day2】第二题 滑稽子图(subgraph)(性质DP+多项式)
- linux基础命令--groupdel 删除群组
- form 表单提交、后台的统一处理
- 使用pkg打包Node.js应用的方法步骤
- tcp_timestamps和tcp_tw_recycle
- AndroidsStudio_找Bug
- pta l2-8(最长对称字串)
- 在recycler中写的布局不起作用
- FMXUI
- dokuwiki语法