H5外部浏览器直接调起微信——通过url协议 weixin:// 判断是否安装微信及启动微信...
生活随笔
收集整理的這篇文章主要介紹了
H5外部浏览器直接调起微信——通过url协议 weixin:// 判断是否安装微信及启动微信...
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
前言：
h5分享到微信，h5使用微信支付這些功能，都需要先判斷是否安裝微信客戶端，如果已安裝就啟動(dòng)微信，如果沒有安裝微信，就提示用戶前去安裝。
我們可以通過訪問微信提供的URL協(xié)議（weixin://）來實(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">打開微信</a> 10 <script> 11 function testApp(url) { 12 var timeout, t = 1000, hasApp = true; 13 setTimeout(function () { 14 if (!hasApp) { 15 //沒有安裝微信 16 var r=confirm("您沒有安裝微信，請(qǐng)先安裝微信!"); 17 if (r==true){ 18 location.href="http://weixin.qq.com/" 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ò)展：
同樣，通過上邊的方法，也可以判斷是否安裝第三方app，前提是第三方app必須提供相應(yīng)的URL協(xié)議，具體參考：H5外部瀏覽器直接調(diào)起App
后記：
看到有博友評(píng)論，貼了一百多行php前端后端的代碼，所以也就重新整理了下這篇文章。使用本文方法，關(guān)鍵代碼也就那么二十幾行，大部分瀏覽器都是能正常調(diào)起微信的，一般來說這已經(jīng)足夠了。實(shí)在是不太明白為什么前端用js就能解決的問題還要搞一大堆php前端后端管理后臺(tái)的東西，作為一個(gè)前端開發(fā)來說，實(shí)現(xiàn)一個(gè)功能自然是代碼越精簡(jiǎn)越好，前端能實(shí)現(xiàn)的就盡量不要?jiǎng)跓┖蠖?#xff0c;h5能搞定的，就無需用什么php。
轉(zhuǎn)載于:https://www.cnblogs.com/xyyt/p/7095364.html
總結(jié)
以上是生活随笔為你收集整理的H5外部浏览器直接调起微信——通过url协议 weixin:// 判断是否安装微信及启动微信...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： mysql模糊匹配like 之 %
- 下一篇： HTML、CSS规范