解决微信内置浏览器屏蔽下载链接问题
生活随笔
收集整理的這篇文章主要介紹了
解决微信内置浏览器屏蔽下载链接问题
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
今天遇到了一個這樣的問題,通過微信掃描二維碼進入下載頁面,由于微信對下載鏈接進行了屏蔽處理,點擊下載時按鈕無效。
后來通過度娘,自己總結和分析之后,大概思路為:瀏覽器打開應用寶,分享應用寶鏈接到微信(因為應用寶為騰訊自家產品沒有屏蔽),那么就o了!
????? 其實還有一種普遍常見的解決方案,這里就不描述了,大致就是做一個樣式,提示右上角(瀏覽器打開)。
我們直入主題吧,首寫第一步,判斷是否是微信瀏覽器,具體代碼如下:
js:$(document).ready(function() {downloaded();}); function downloaded(){var ua = navigator.userAgent.toLowerCase();if(ua.match(/MicroMessenger/i)=="micromessenger") {//如果是微信瀏覽器$('#a').find('a').attr('href','http://app.qq.com/?isappinstalled=1#id=detail&appid=1104762859');//將第一個鏈接轉換成應用寶里鏈接,并獲取appId$('#b').find('a').attr('href','http://fusion.qq.com/app_download?appid=1104762859&platform=qzone&via=QZ.MOBILEDETAIL.QRCODE'); //一種判斷手機裝的應用商店方式,可直接替換appId. }} <div class="btnList"><ul><li id="a"><a href="http://image.peikua.com//static/apk/peikuahaitao-2.0.1.apk">應用下載</a></li> <!--默認apk下載地址,除微信外瀏覽器都支持--><li id="b"><a href="market://search?q=pname:com.zq.qk">應用平臺下載</a></li> <!--調用安卓下載地址,會判斷手機內已裝應用商店下載彈框--><li><span>下載APP即可使用優惠券大禮包</span></li><ul></div>
最終微信打開的第一個鏈接效果如下:
?
第二個鏈接效果如下:(因不同手機下系統不同,展現方式也不同。)
因為不喜歡多打字,多廢話,就直接上圖了,如有不懂的地方可以問我。
小弟為一個四年工作經驗的小前端,喜歡研究新技術,攻克難點,請(bu)多(xi)多(huan)交(da)流(zi)!
?
轉載于:https://www.cnblogs.com/gaofengming/p/5289252.html
總結
以上是生活随笔為你收集整理的解决微信内置浏览器屏蔽下载链接问题的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [ vant ] vue移动端下拉刷新组
- 下一篇: 计算机教程文档,计算机应用基础教程-20