app-download.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  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
  30. src="./app-link/app-images/app-logo.png"
  31. itemprop="image">
  32. </span>
  33. <span class="qrcode" title="">
  34. <img
  35. alt="Scan me!"
  36. src="./app-link/app-images/qrcode.png"
  37. style="display: block;">
  38. </span>
  39. </div>
  40. <div class="m-icon">
  41. <span class="icon">
  42. <img
  43. src="./app-link/app-images/app-logo.png"
  44. itemprop="image">
  45. </span>
  46. </div>
  47. <h1 class="name">
  48. <span class="icon-warp">
  49. <i class="icon-ios icon-cls"></i>
  50. 四维看看Pro
  51. </span>
  52. </h1>
  53. <div class="scan-tips">
  54. <p>扫描二维码下载</p>
  55. <p>或用手机浏览器输入这个网址: <span class="datePublished">https://www.4dkankan.com/app-download.html</span></p>
  56. </div>
  57. <div class="release-info">
  58. <p><span itemprop="softwareVersion">1.4.2</span></p>
  59. <p>更新于: <span>2021-02-01 09:00</span></p>
  60. <p class='only-suport'></p>
  61. </div>
  62. <div id="btn" class="btn">下载</div>
  63. </div>
  64. </div>
  65. </div>
  66. <script>
  67. function versions() {
  68. var u = window.navigator.userAgent
  69. return {
  70. // IE内核
  71. trident: u.indexOf('Trident') > -1,
  72. // opera内核
  73. presto: u.indexOf('Presto') > -1,
  74. // 苹果、谷歌内核
  75. webKit: u.indexOf('AppleWebKit') > -1,
  76. // 火狐内核
  77. gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') === -1,
  78. // 是否为移动终端
  79. mobile: /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent),
  80. // ios终端
  81. ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
  82. // android终端或者uc浏览器
  83. android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
  84. // 是否为iPhone或者安卓QQ浏览器
  85. iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,
  86. // 是否为iPad
  87. iPad: u.indexOf('iPad') > -1,
  88. // 是否为web应用程序,没有头部与底部
  89. webApp: u.indexOf('Safari') === -1,
  90. // 是否为微信浏览器
  91. weixin: ~u.indexOf('MicroMessenger')
  92. }
  93. }
  94. var ua = versions()
  95. var domicon = document.querySelector('.icon-warp i')
  96. document.getElementById('btn').addEventListener('click',function (e) {
  97. if(ua.android){
  98. location.href = 'https://4dkankan.oss-cn-shenzhen.aliyuncs.com/apps/4dkkpro1.4.2.apk'
  99. }
  100. else if(ua.weixin){
  101. alert('微信/QQ内无法下载应用,请点击右上角,选择"浏览器中打开"')
  102. }
  103. else{
  104. // location.href = "itms-services://?action=download-manifest&url="+encodeURIComponent('https://4dkankan.oss-cn-shenzhen.aliyuncs.com/apps/down.plist')
  105. location.href = 'https://itunes.apple.com/cn/app/id1489272773?mt=8'
  106. }
  107. })
  108. if(ua.ios){
  109. domicon.classList.add('icon-ios')
  110. domicon.classList.remove('icon-android')}
  111. else{
  112. domicon.classList.add('icon-android')
  113. domicon.classList.remove('icon-ios')
  114. document.querySelector('.only-suport').innerHTML= '仅适用于支持<br/>双频WiFi (IEEE802.11a/ac) 的安卓手机'
  115. }
  116. </script>
  117. </body>
  118. </html>