h5分享到微信,h5使用微信支付這些功能,都需要先判斷是否安裝微信客戶(hù)端,如果已安裝就啟動(dòng)微信,如果沒(méi)有安裝微信,就提示用戶(hù)前去安裝。
我們可以通過(guò)訪(fǎng)問(wèn)微信提供的URL協(xié)議(weixin://)來(lái)實(shí)現(xiàn)這個(gè)功能,代碼如下:
示例代碼:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 6 <title>判斷手機(jī)是否安裝微信</title> 7 </head> 8 <body> 9 <a href="javascript:testApp('weixin://')" class="dl-btn" id="download">打開(kāi)微信</a> 10 <script> 11 function testApp(url) { 12 var timeout, t = 1000, hasApp = true; 13 setTimeout(function () { 14 if (!hasApp) { 15 //沒(méi)有安裝微信 16 var r=confirm("您沒(méi)有安裝微信,請(qǐng)先安裝微信!"); 17 if (r==true){ 18 location. 19 } 20 }else{ 21 //安裝微信 22 } 23 document.body.removeChild(ifr); 24 }, 2000) 25 26 var t1 = Date.now(); 27 var ifr = document.createElement("iframe"); 28 ifr.setAttribute('src', url); 29 ifr.setAttribute('style', 'display:none'); 30 document.body.appendChild(ifr); 31 timeout = setTimeout(function () { 32 var t2 = Date.now(); 33 if (!t1 || t2 - t1 < t + 100) { 34 hasApp = false; 35 } 36 }, t); 37 } 38 </script> 39 </body> 40 </html>
擴(kuò)展:
同樣,通過(guò)上邊的方法,也可以判斷是否安裝第三方app,前提是第三方app必須提供相應(yīng)的URL協(xié)議。
后記:文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-458124.html
使用本文方法,關(guān)鍵代碼也就那么二十幾行,大部分瀏覽器都是能正常調(diào)起微信的,一般來(lái)說(shuō)這已經(jīng)足夠了。實(shí)在是不太明白為什么前端用js就能解決的問(wèn)題還要搞一大堆php前端后端管理后臺(tái)的東西,作為一個(gè)前端開(kāi)發(fā)來(lái)說(shuō),實(shí)現(xiàn)一個(gè)功能自然是代碼越精簡(jiǎn)越好,前端能實(shí)現(xiàn)的就盡量不要?jiǎng)跓┖蠖?,h5能搞定的,就無(wú)需用什么php。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-458124.html
到了這里,關(guān)于H5外部瀏覽器直接調(diào)起微信——通過(guò)url協(xié)議 weixin:// 判斷是否安裝微信及啟動(dòng)微信的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!