1. 程式人生 > >微信打開網址添加在瀏覽器中打開提示遮罩

微信打開網址添加在瀏覽器中打開提示遮罩

演示 html 提示 upload 簡單 無法 判斷 如果 添加

原文鏈接: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)

微信打開網址添加在瀏覽器中打開提示遮罩