微信打開網址添加在瀏覽器中打開提示遮罩
阿新 • • 發佈:2018-11-27
演示 html 提示 upload 簡單 無法 判斷 如果 添加
來源:前端開發博客 (http://caibaojian.com/weixin-tip.html)
原文鏈接:http://caibaojian.com/weixin-tip.html
使用微信打開網址時,無法在微信內打開常用下載軟件,手機APP等。網上流傳的各種微信打開下載鏈接,微信已更新基本失效,最新的一個是使用鏈接跳轉方式:·
http://mp.weixin.qq.com/mp/redirect?url=http://caibaojian.com/test.apk#weixin.qq.com#wechat_redirect。
將鏈接文本中的http://caibaojian.com/test.apk換成你的下載鏈接地址。本人已經測試可行。歡迎打開微信掃碼測試。已經失效,用戶可以將應用傳到應用寶。
終極解決方法
今天要加的是一個終極解決方法:彈出一個遮罩提示用戶在新的瀏覽器窗口打開。
再也不用管微信如何的更新,直接判斷微信的ua,然後彈出一個遮罩提示用戶在瀏覽器中打開下載。並且不加關閉的按鈕。類似於下面這樣子:
這樣子用戶就只能在瀏覽器中打開,並且可以直接下載應用了。歡迎打開微信掃描查看(其他掃描沒有效果)。
演示和下載
我已經將代碼上傳到github上了,你可以直接下載我的圖片和js來用。github地址
如果這個代碼對你有用,希望你在下載時也點擊star一下。
版本一:純JS。
版本二:純jQuery。
版本三:jquery+css+div(雖然操作復雜,但實際上平時常用這種)。
號外:由於這個代碼一進入就是彈出提示,可能會影響用戶其它操作,故而寫了另一篇優化的代碼,支持用戶點擊下載鏈接之後才彈出提示,並且還可以點擊關閉。
詳情請看:微信掃描打開APP下載鏈接提示代碼優化
簡單的教程:微信內置瀏覽器不支持下載文件應用的解決方法答疑
文章目錄
- 終極解決方法
- 演示和下載
來源:前端開發博客 (http://caibaojian.com/weixin-tip.html)
微信打開網址添加在瀏覽器中打開提示遮罩