上半年公司有一個新的APP項目上線,我們在項目首頁做個二維碼,然后用戶用手機掃一掃就能下載了。但是很多用戶反映掃一掃之后下載不了,了解之后才知道這些用戶都是使用的微信的掃一掃,而我們開發(fā)測試人員一般使用uc之類的瀏覽器做掃描。上網(wǎng)查了一下,微信自帶的內(nèi)置瀏覽器屏蔽了下載功能,所以才出現(xiàn)用微信掃一掃不能下載的情況。這時候我們一般會建議用戶使用uc或者其他第三方瀏覽器自帶的掃一掃功能下載。但是現(xiàn)在的微信太普及了,很多人都習(xí)慣性的使用微信來掃碼下載,總不能每個用戶都解釋一遍,所以我們一直在尋找解決方案。 要解決這個問題思路很明確,既然微信內(nèi)置瀏覽器不支持下載,那就只能想辦法調(diào)用外部瀏覽器來下載。
創(chuàng)新互聯(lián)專注于桐柏企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城網(wǎng)站建設(shè)。桐柏網(wǎng)站建設(shè)公司,為桐柏等地區(qū)提供建站服務(wù)。全流程定制開發(fā),專業(yè)設(shè)計,全程項目跟蹤,創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)
所以我們在尋找這么一種方案:用戶點了某個推廣鏈接如何調(diào)用外部的瀏覽器實現(xiàn)下載功能呢?
好了,廢話不多說了,直接上方案。
方案1:
彈出一個遮罩提示用戶在新的瀏覽器窗口打開。
.jpg)
使用的是純JS+HTML+CSS結(jié)合的方式,但不要一進入微信就彈出提示它在新瀏覽器中打開,在這個頁面里面還可以提交表單查看信息等,只有它點擊應(yīng)用的鏈接后,才彈出提示它跳轉(zhuǎn)后下載。
想要制作而又不懂技術(shù)的朋友可以前往
部分代碼(網(wǎng)上有很多,我就不獻丑了)
a>
×span>p>div>
var?is_weixin = (function(){return?navigator.userAgent.toLowerCase().indexOf('micromessenger') !==?-1})();
window.onload =?function()?{
var?winHeight =?typeof?window.innerHeight !=?'undefined'???window.innerHeight :?document.documentElement.clientHeight;?//兼容IOS,不需要的可以去掉
var?btn =?document.getElementById('J_weixin');
var?tip =?document.getElementById('weixin-tip');
var?close =?document.getElementById('close');
if?(is_weixin) {
btn.onclick =?function(e)?{
tip.style.height = winHeight +?'px';?//兼容IOS彈窗整屏
tip.style.display =?'block';
return?false;
}
close.onclick =?function()?{
tip.style.display =?'none';
}
}
}
方案2:
這個方案就是我們現(xiàn)在用的這種,相比第一種的話,轉(zhuǎn)化率方面都有顯著發(fā)的提升,
這個方案需要我們借助一個外部的接口來實現(xiàn)此功能?
我們在他們那邊租用了此接口。
通過租用的接口可以實現(xiàn)安卓端微信直接喚醒手機默認(rèn)瀏覽器打開指定的鏈接,從而實現(xiàn)下載APP的功能,
具體實現(xiàn)原理:
利用HTTP請求中Header中的user-agent字段,來識別用戶的客戶端,如果判斷用戶是在微信中打開的鏈接,則自動打開系統(tǒng)手機瀏覽器來打開鏈接。如果是在手機瀏覽器打開,則正常訪問。
判斷用戶客戶端的Javasript代碼如下:
function is_wechat_client(){
? ? ? var ua = navigator.userAgent.toLowerCase();
? ? ? if(ua.match(/MicroMessenger/i)=="micromessenger"){
? ? ? ? ? return true;
? ? ? }else{
? ? ? ? ? return false;
? ? ? }
}
好了,親們,上面兩種辦法筆者都嘗試過了,均可行。如果你有更好的辦法可以在此處留言,方便廣大碼友
當(dāng)前題目:微信中的網(wǎng)頁如何實現(xiàn)自動直接跳轉(zhuǎn)到手機外部默認(rèn)瀏覽器
鏈接分享:http://www.chinadenli.net/article46/piieeg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App設(shè)計、品牌網(wǎng)站設(shè)計、網(wǎng)站內(nèi)鏈、服務(wù)器托管、網(wǎng)站制作、網(wǎng)站設(shè)計公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)