前言
最近一個(gè)項(xiàng)目需要iOS和安卓使用一個(gè)二維碼,讓掃描的機(jī)器自己識(shí)別操作系統(tǒng)實(shí)現(xiàn)跳轉(zhuǎn)到相應(yīng)的下載鏈接。比如iPhone用微信進(jìn)行掃描就讓他跳轉(zhuǎn)appStore的下載頁(yè)面,安卓機(jī)器使用微信掃描就直接跳瀏覽器下載。但是這二維碼還有一個(gè)需求就是,用戶已經(jīng)下載了這個(gè)app,當(dāng)用戶打開(kāi)app進(jìn)入到注冊(cè)頁(yè)面時(shí),再次掃描這個(gè)二維碼時(shí),自動(dòng)填寫邀請(qǐng)碼進(jìn)行注冊(cè)。那么該如何實(shí)現(xiàn),細(xì)節(jié)就不說(shuō)了,直接上代碼。
使用js實(shí)現(xiàn),其實(shí)代碼非常簡(jiǎn)單.
使用時(shí)直接拷貝代碼,改掉相應(yīng)的鏈接就好。
PS:該鏈接在微信環(huán)境打開(kāi)時(shí)還是需要手動(dòng)跳轉(zhuǎn)到手機(jī)的瀏覽器才能跳到下載頁(yè)面,因?yàn)槲⑿艃?nèi)的webView比較特別,所以寫了一個(gè)alert引導(dǎo)用戶打開(kāi)瀏覽器。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <script> /** 出來(lái)的鏈接大概是長(zhǎng)這樣的 http://xxxx.cn/243423.html?c=Q23DR32 */ // c=Q23DR32是注冊(cè)時(shí)掃描獲取的邀請(qǐng)碼。 // 這樣加參數(shù),后面的參數(shù)會(huì)被自動(dòng)忽略,不會(huì)影響加載此網(wǎng)頁(yè) goDownload(); // 去下載 function goDownload() { var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; var isIOS = !!u.match(//(i[^;]+;( U;)? CPU.+Mac OS X/); // 是安卓瀏覽器 if (isAndroid) { window.location.; // 跳安卓端下載地址 } // 是iOS瀏覽器 if (isIOS) { window.location.; // 跳AppStore下載地址 } // 是微信內(nèi)部webView if (is_weixn()) { alert("請(qǐng)點(diǎn)擊右上角按鈕, 點(diǎn)擊使用瀏覽器打開(kāi)"); } // 是PC端 if (IsPC()) { window.location.; // 公司主頁(yè) } } // 是微信瀏覽器 function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { return true; } else { return false; } } function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true; for (var v = 0; v < Agents.length; v++) { if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; } } return flag; } </script></body></html>總結(jié)
以上就是iOS和Android用同一個(gè)二維碼實(shí)現(xiàn)跳轉(zhuǎn)下載鏈接的方法,大家都學(xué)會(huì)了嗎,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,如果有更好的解決方案或可以通過(guò)代碼判斷微信客戶端的系統(tǒng)環(huán)境的方法請(qǐng)留言交流。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注