app-download.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  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="世界上首款消费级3D相机—四维看看(4DKanKan)。技术核心三要素:易操作;自动化;高精度。主要应用领域为数字文博、数字地产、数字电商、数字餐饮、数字家居等。">
  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>四维看看</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. 四维看看Pro
  44. </span>
  45. </h1>
  46. <div class="scan-tips">
  47. <p>扫描二维码下载</p>
  48. <p>或用手机浏览器输入这个网址: <span class="datePublished">https://www.4dkankan.com/app-download.html</span></p>
  49. </div>
  50. <div class="release-info">
  51. <p><span itemprop="softwareVersion">1.6.3</span></p>
  52. <p>更新于: <span>2023-06-16 09:00</span></p>
  53. <p class='only-suport'></p>
  54. </div>
  55. <div id="btn" class="btn">下载</div>
  56. </div>
  57. </div>
  58. </div>
  59. <script>
  60. function versions() {
  61. var u = window.navigator.userAgent
  62. return {
  63. // IE内核
  64. trident: u.indexOf('Trident') > -1,
  65. // opera内核
  66. presto: u.indexOf('Presto') > -1,
  67. // 苹果、谷歌内核
  68. webKit: u.indexOf('AppleWebKit') > -1,
  69. // 火狐内核
  70. gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') === -1,
  71. // 是否为移动终端
  72. mobile: /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent),
  73. // ios终端
  74. ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
  75. // android终端或者uc浏览器
  76. android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
  77. // 是否为iPhone或者安卓QQ浏览器
  78. iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,
  79. // 是否为iPad
  80. iPad: u.indexOf('iPad') > -1,
  81. // 是否为web应用程序,没有头部与底部
  82. webApp: u.indexOf('Safari') === -1,
  83. // 是否为微信浏览器
  84. weixin: ~u.indexOf('MicroMessenger')
  85. }
  86. }
  87. var ua = versions()
  88. var domicon = document.querySelector('.icon-warp i')
  89. document.getElementById('btn').addEventListener('click', function (e) {
  90. if (ua.weixin) {
  91. alert('微信/QQ内无法下载应用,请点击右上角,选择"浏览器中打开"')
  92. }
  93. else {
  94. location.href = 'https://4dkankan.oss-cn-shenzhen.aliyuncs.com/apps/4dkkpro1.6.3.apk'
  95. }
  96. })
  97. if (ua.ios) {
  98. domicon.classList.add('icon-ios')
  99. domicon.classList.remove('icon-android')
  100. }
  101. else {
  102. domicon.classList.add('icon-android')
  103. domicon.classList.remove('icon-ios')
  104. document.querySelector('.only-suport').innerHTML = '仅适用于支持<br/>双频WiFi (IEEE802.11a/ac) 的安卓手机'
  105. }
  106. </script>
  107. </body>
  108. </html>