标签：versions indexOf show ios js color 安桌 border browser
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AesDiyApp</title>
<!-- CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<!-- jQuery and JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
integrity="sha384-LCPyFKQyML7mqtS+4XytolfqyqSlcbB3bvDuH9vX2sdQMxRonb/M3b9EmhCNNNrV"
crossorigin="anonymous"></script>
<style type="text/css">
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
a.navbar-brand {
white-space: normal;
text-align: center;
word-break: break-all;
}
/* Provide sufficient contrast against white background */
a {
color: #0366d6;
}
.btn-primary {
color: #fff;
background-color: #1b6ec2;
border-color: #1861ac;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #fff;
background-color: #1b6ec2;
border-color: #1861ac;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
font-size: 14px;
}
.border-top {
border-top: 1px solid transparent;
}
.border-bottom {
border-bottom: 1px solid #e5e5e5;
}
.box-shadow {
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}
button.accept-policy {
font-size: 1rem;
line-height: inherit;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6 {
font-family: Microsoft YaHei,'宋体', Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
}
</style>
<script type="text/javascript">
var browser={
versions:function(){
var u = navigator.userAgent, app = navigator.appVersion;
return {
trident: u.indexOf('Trident') > -1, //IE内核
presto: u.indexOf('Presto') > -1, //opera内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1|| u.indexOf('Linux') > -1, //android终端
iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
Chrome: u.indexOf('Chrome') > -1, //是否安桌
webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增）
qq: u.match(/\sQQ/i) == "qq" //是否QQ
};
}(),
language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
$(document).ready(function () {
if (browser.versions.android ) {
$("#btnios").hide();
window.location.href = "https://play.google.com/store/apps/details?id=com.hisilicon.dashcam";
$("#btnandroid").show();
}
else if ( browser.versions.ios
|| browser.versions.iPhone
|| browser.versions.iPad) {
$("#btnandroid").hide();
window.location.href = "https://apps.apple.com/cn/app/koool-camera/id1488372912";
$("#btnios").show();
}
else if(browser.versions.mobile)
{
// alert('移动端');
$("#btnios").show();
$("#btnandroid").show();
}
});
</script>
</head>
<body>
<div class=".container-fluid">
<main role="main" class="pb-3">
<br />
<div class="row justify-content-md-center">
<div class="card shadow-lg" style="width: 35rem;">
<div class="card-title text-center">
<h2 class="font-weight-bold">Aes Diy App</h2>
<img src="aesDiyApp.png" width="229" height="229" />
<br />
</div>
<div class="card-body float-left">
<h5>
如长时间停留在本页，无法进入下载页面<br />
请使用下列方法下载<br />
<br />
方法1:使用浏览器扫码下载
<br />
<br />
方法2:安卓手机在GoogPlay搜索AesDiy下载 <br />
AesDiy；苹果手机在Appstore搜索AesDiy下 <br />
载AesDiy <br />
<br />
方法3:复制以下链接在其他浏览器粘贴打开 <br />
下载连接：
http://aesapps.auctus.cn/diy/download.html
<br />
<br />
</h5>
<a id="btnandroid" class="btn btn-primary" href="https://play.google.com/store/apps/details?id=com.hisilicon.dashcam" role="button">安卓下载</a>
<a id="btnios" class="btn btn-primary" href="https://apps.apple.com/cn/app/koool-camera/id1488372912" role="button">苹果下载</a>
</div>
</div>
</div>
</main>
</div>
</body>
</html>
标签：versions,indexOf,show,ios,js,color,安桌,border,browser 来源： https://www.cnblogs.com/robertyao/p/14708503.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。