app-download.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
  5. <meta charset="UTF-8">
  6. <meta http-equiv="Cache-Control" content="no-cache" />
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta http-equiv="expires" content="0">
  9. <meta content="telephone=no" name="format-detection">
  10. <meta name="description" content="文保1号与文保2号,是四维时代研发的高端数字化设备,专为不可移动文化遗产的调查与保护而设计。">
  11. <link rel="shortcut icon" href="//4dkk.4dage.com/FDKKIMG/icon/kankan_icon.ico">
  12. <link rel="icon" type="image/png" href="//4dkk.4dage.com/FDKKIMG/icon/kankan_icon192.png" sizes="192x192">
  13. <link rel="apple-touch-icon" sizes="180x180" href="//4dkk.4dage.com/FDKKIMG/icon/kankan_icon180.png">
  14. <link rel="stylesheet" href="./app-link/app-css/reset.css">
  15. <link rel="stylesheet" href="./app-link/app-css/main.css">
  16. <title>文保1号App</title>
  17. </head>
  18. <body>
  19. <div class="container">
  20. <div class="bg">
  21. <img src="./app-link/app-images/download_pattern_left.png" alt="">
  22. <img class="bg-r" src="./app-link/app-images/download_pattern_right.png" alt="">
  23. </div>
  24. <div class="con">
  25. <div class="c-c">
  26. <div class="icon-container wrapper">
  27. <i class="icon-icon_path bg-path"></i>
  28. <span class="icon">
  29. <img src="./app-link/app-images/app-logo.png" itemprop="image">
  30. </span>
  31. <span class="qrcode" title="">
  32. <img alt="Scan me!" src="./app-link/app-images/qrcode.png" style="display: block;">
  33. </span>
  34. </div>
  35. <div class="m-icon">
  36. <span class="icon">
  37. <img src="./app-link/app-images/app-logo.png" itemprop="image">
  38. </span>
  39. </div>
  40. <h1 class="name">
  41. <span class="icon-warp">
  42. <i class="icon-ios icon-cls"></i>
  43. 文保1号App
  44. </span>
  45. </h1>
  46. <div class="scan-tips">
  47. <p>扫描二维码下载</p>
  48. <p>或用手机浏览器输入这个网址: <span
  49. class="datePublished">https://sp.4dkankan.com/android-download/app-download.html</span></p>
  50. </div>
  51. <div class="release-info">
  52. <p><span itemprop="softwareVersion">1.6.3</span></p>
  53. <p>更新于: <span>2023-06-16 09:00</span></p>
  54. <p class='only-suport'></p>
  55. </div>
  56. <div id="btn" class="btn">下载</div>
  57. </div>
  58. </div>
  59. </div>
  60. <script>
  61. function versions() {
  62. var u = window.navigator.userAgent
  63. return {
  64. // IE内核
  65. trident: u.indexOf('Trident') > -1,
  66. // opera内核
  67. presto: u.indexOf('Presto') > -1,
  68. // 苹果、谷歌内核
  69. webKit: u.indexOf('AppleWebKit') > -1,
  70. // 火狐内核
  71. gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') === -1,
  72. // 是否为移动终端
  73. mobile: /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent),
  74. // ios终端
  75. ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
  76. // android终端或者uc浏览器
  77. android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
  78. // 是否为iPhone或者安卓QQ浏览器
  79. iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,
  80. // 是否为iPad
  81. iPad: u.indexOf('iPad') > -1,
  82. // 是否为web应用程序,没有头部与底部
  83. webApp: u.indexOf('Safari') === -1,
  84. // 是否为微信浏览器
  85. weixin: ~u.indexOf('MicroMessenger')
  86. }
  87. }
  88. var ua = versions()
  89. var domicon = document.querySelector('.icon-warp i')
  90. const version = `1.2.0`
  91. document.getElementById('btn').addEventListener('click', function (e) {
  92. if (ua.weixin) {
  93. alert('微信/QQ内无法下载应用,请点击右上角,选择"浏览器中打开"')
  94. }
  95. else {
  96. location.href = `https://4dkankan.oss-cn-shenzhen.aliyuncs.com/apps/customApp/wenbaono1/android/app/4dkk_webbaono1_v${version}_arm64.apk`
  97. }
  98. })
  99. document.querySelector('span[itemprop=softwareVersion]').innerHTML = version
  100. domicon.classList.add('icon-android')
  101. domicon.classList.remove('icon-ios')
  102. document.querySelector('.only-suport').innerHTML = '仅适用于支持<br/>双频WiFi (IEEE802.11a/ac) 的安卓手机'
  103. </script>
  104. </body>
  105. </html>