微信瀏覽器禁止app下載連結怎麼辦
阿新 • • 發佈:2019-02-04
通過掃描二維碼下載APP已成為一個非常方便的方式,微信也成為掃描二維碼重要的工具,但是掃描後微信瀏覽器會對APK和appStore的連結進行遮蔽,導致使用者無法正常下載。本文提供兩個迂迴的解決方案:1.使用騰訊應用寶;2.提示使用者使用瀏覽器開啟。
第1種方法不用介紹了,把APP提交給騰訊應用寶即可,需要等待騰訊的審批,審批條件比較苛刻,騰訊採用分級審批方式,如果你是高階開發者,可以不審批先上線,如果是低階開發者,那麼辛苦地等待吧。通過之後,會生成一個下載頁面,該頁面同時還能夠跳轉到appStore,前提是先錄入appStore的相關資訊。
第2種方法思路:
製作一個app下載頁 app-index.html,邏輯如下:
如果,是weixin瀏覽器:
如果,是iphone 或者 ipad:
則顯示“使用Safari開啟”
否則
顯示“使用瀏覽器開啟”
否則:
顯示下載頁面
測試樣例,掃描下面二維碼:
效果如下:
<!DOCTYPE html><html lang="en"><meta charset="utf-8"><meta name="description" content=""><meta name="author" content=""><style> body,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-family: STXihei, STHeiti, "華文細黑", "Microsoft YaHei", "微軟雅黑", SimSun, "宋體", Heiti, "黑體", sans-serif; } a{ text-decoration:none; color:#ffffff; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } .logo{ text-align:center; } .logo img{ width:100px; } .title{ text-align:center; margin-top:15px; } .title h1{ font-size:25px; font-weight:500; color:#999; } .icon_row{ margin:auto; display:table; } .icon_row>div{ float:left; margin:0 5px; } .icon_row>div a{ margin:auto; height:90px; overflow:hidden; } .app_btn{ display:block; width:70px; text-align:center; color:#ffffff; padding:10px; } .green_btn{ background-color:rgb(0,177,106); } .orange_btn{ background-color:rgb(247,148,30); } .green_btn2{ background-color:#3bbe01; } .orange_btn2{ background-color:#f7a900; } .gray_btn{ background-color:#dddddd; } .blue_btn{ background-color:rgb(20,162,212); } .copyright{ font-size:12px; text-align:center; color:#777; border-top:1px solid #eee; margin-top:20px; padding:10px 0; } .copyright img{ margin-bottom:-4px; } #main{ display:none; } #weixin{ display:none; } .weixin-0{ color:#555; padding:10px; } .weixin-arrow{ position:absolute; right:30px; top:10px; } .weixin-1{ font-size:1.5em; position:absolute; left:30px; top: 60px; } .weixin-2{ margin-top:20px; font-size:1.5em; position:absolute; left:30px; top:74px; } |