當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

一个地址或二维码自动识别设备，并跳转到各自相应的下载地址，兼容微信

發(fā)布時(shí)間：2025/4/9 编程问答 46 豆豆

生活随笔收集整理的這篇文章主要介紹了一个地址或二维码自动识别设备，并跳转到各自相应的下载地址，兼容微信小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

如題，以前都是給客戶提供安卓和iOS兩個(gè)二維碼，實(shí)在覺(jué)得麻煩，就是一勞永逸了一下。不會(huì)傳附件，需要相關(guān)素材的可以私我。

1 <html> 2 <head> 3 <meta name="viewport" content="initial-scale=1, user-scalable=0, minimal-ui"> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>下載 Space X APP</title> 6 <script language="javascript" type="text/javascript"> 7 window.onload = function(){ 8 //下載地址，下面三個(gè)編寫(xiě)需根據(jù)需求修改 9 var androidurl = "http://192.168.18.83:8080/testweb/abc.apk"; 10 var iosurl = "https://itunes.apple.com/cn/app/id1165700634?mt=8"; 11 var appname = "點(diǎn)擊下載"+"Space X"; 12 13 //設(shè)置下載地址到下載鏈接 14 document.getElementById('appname').innerHTML = appname; 15 document.getElementById('admanual').href = androidurl; 16 document.getElementById('iosmanual').href = iosurl; 17 //判斷瀏覽器 18 var u = navigator.userAgent.toLowerCase();//獲取判斷用的對(duì)象，不區(qū)分大小寫(xiě) 19 var uA = navigator.userAgent;//獲取判斷用的對(duì)象，區(qū)分大小寫(xiě) 20 var isandroid = uA.indexOf('Android') > -1 || uA.indexOf('Adr') > -1; //android終端 21 var isios = !!uA.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端 22 if(isios){//iOS系統(tǒng) 23 window.location.href = iosurl; 24 }else if(isandroid){//安卓系統(tǒng) 25 if(u.match(/MicroMessenger/i)=="micromessenger"){ 26 //如果是微信，安卓則提示在瀏覽器中打開(kāi) 27 document.getElementById('downloadmsg').innerHTML='請(qǐng)點(diǎn)擊右上角圖標(biāo)，在瀏覽器中打開(kāi)。'; 28 document.getElementById('downloadmsg').style.cssText="font-size: 1.4rem; text-align: right;;display: block;"; 29 //顯示箭頭 30 document.getElementById('weixinjiantou').innerHTML='<img src="箭頭@2x.png" width="40"/>'; 31 document.getElementById('weixinjiantou').style.cssText="font-size: 1.4rem; text-align: right;;display: block; padding-right:5%;"; 32 }else{ 33 //如果不是微信，安卓跳轉(zhuǎn)下載 34 window.location.href = androidurl; 35 } 36 }else{//不是手機(jī)? 37 document.getElementById('downloadmsg').innerHTML = "請(qǐng)手機(jī)瀏覽器中打開(kāi)進(jìn)行下載。"; 38 document.getElementById('downloadmsg').style.cssText="font-size: 1.4rem; text-align: center;display: block;padding-top: 10%"; 39 document.getElementById('apppic').style.cssText="background-repeat: no-repeat; background-size:414px 736px;background-position:center"; 40 document.getElementById('maintable').style.cssText="margin-top:5%"; 41 } 42 } 43 </script> 44 </head> 45 <body id="apppic" background="背景.png" style="background-size:100% 100%;"> 46 <span id="weixinjiantou"></span> 47 <span id="downloadmsg"></span> 48 49 <table id="maintable" align="center" style="margin-top: 20% "> 50 <tr> 51 <td style="text-align: center;"> 52 <span id="appname" style="font-size: 1.4rem;"></span> 53 </td> 54 </tr> 55 <tr> 56 <td style="text-align: center;"> 57 <a href="#" id="iosmanual" target="_blank"><img src="iOS按鈕@2x.png" style="width: 70%;"></img></a> 58 </td> 59 </tr> 60 <tr> 61 <td style="text-align: center;margin-top: 10px; "> 62 <a href="#" id="admanual" target="_blank"><img src="Android按鈕@2x.png" style="width: 70%;"></img></a> 63 </td> 64 </tr> 65 </table> 66 </body> 67 </html>

轉(zhuǎn)載于:https://www.cnblogs.com/xinghuangroup/p/8493412.html

總結(jié)

以上是生活随笔為你收集整理的一个地址或二维码自动识别设备，并跳转到各自相应的下载地址，兼容微信的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。