微信中的網(wǎng)頁如何實現(xiàn)自動直接跳轉到手機外部默認瀏覽器

上半年公司有一個新的APP項目上線,我們在項目首頁做個二維碼立倍,然后用戶用手機掃一掃就能下載了窄驹。但是很多用戶反映掃一掃之后下載不了,了解之后才知道這些用戶都是使用的微信的掃一掃耍群,而我們開發(fā)測試人員一般使用uc之類的瀏覽器做掃描。上網(wǎng)查了一下找筝,微信自帶的內置瀏覽器屏蔽了下載功能世吨,所以才出現(xiàn)用微信掃一掃不能下載的情況。這時候我們一般會建議用戶使用uc或者其他第三方瀏覽器自帶的掃一掃功能下載呻征。但是現(xiàn)在的微信太普及了耘婚,很多人都習慣性的使用微信來掃碼下載,總不能每個用戶都解釋一遍陆赋,所以我們一直在尋找解決方案沐祷。 要解決這個問題思路很明確,既然微信內置瀏覽器不支持下載攒岛,那就只能想辦法調用外部瀏覽器來下載赖临。


所以我們在尋找這么一種方案:用戶點了某個推廣鏈接如何調用外部的瀏覽器實現(xiàn)下載功能呢?

好了灾锯,廢話不多說了兢榨,直接上方案。

方案1:

彈出一個遮罩提示用戶在新的瀏覽器窗口打開顺饮。


使用的是純JS+HTML+CSS結合的方式吵聪,但不要一進入微信就彈出提示它在新瀏覽器中打開,在這個頁面里面還可以提交表單查看信息等兼雄,只有它點擊應用的鏈接后吟逝,才彈出提示它跳轉后下載。

想要制作而又不懂技術的朋友可以前往

部分代碼(網(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)在用的這種,相比第一種的話佃乘,轉化率方面都有顯著發(fā)的提升囱井,

這個方案需要我們借助一個外部的接口來實現(xiàn)此功能?

我們在他們那邊租用了此接口。

通過租用的接口可以實現(xià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;

? ? ? }

}

好了,親們敛苇,上面兩種辦法筆者都嘗試過了妆绞,均可行。如果你有更好的辦法可以在此處留言枫攀,方便廣大碼友

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末括饶,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子来涨,更是在濱河造成了極大的恐慌图焰,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,607評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蹦掐,死亡現(xiàn)場離奇詭異技羔,居然都是意外死亡,警方通過查閱死者的電腦和手機卧抗,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,239評論 3 395
  • 文/潘曉璐 我一進店門藤滥,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人社裆,你說我怎么就攤上這事拙绊。” “怎么了泳秀?”我有些...
    開封第一講書人閱讀 164,960評論 0 355
  • 文/不壞的土叔 我叫張陵标沪,是天一觀的道長寿桨。 經(jīng)常有香客問我半火,道長,這世上最難降的妖魔是什么呕屎? 我笑而不...
    開封第一講書人閱讀 58,750評論 1 294
  • 正文 為了忘掉前任磺陡,我火速辦了婚禮趴梢,結果婚禮上,老公的妹妹穿的比我還像新娘币他。我一直安慰自己坞靶,他們只是感情好,可當我...
    茶點故事閱讀 67,764評論 6 392
  • 文/花漫 我一把揭開白布蝴悉。 她就那樣靜靜地躺著彰阴,像睡著了一般。 火紅的嫁衣襯著肌膚如雪拍冠。 梳的紋絲不亂的頭發(fā)上尿这,一...
    開封第一講書人閱讀 51,604評論 1 305
  • 那天簇抵,我揣著相機與錄音,去河邊找鬼射众。 笑死碟摆,一個胖子當著我的面吹牛,可吹牛的內容都是我干的叨橱。 我是一名探鬼主播典蜕,決...
    沈念sama閱讀 40,347評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼罗洗!你這毒婦竟也來了愉舔?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,253評論 0 276
  • 序言:老撾萬榮一對情侶失蹤伙菜,失蹤者是張志新(化名)和其女友劉穎轩缤,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體贩绕,經(jīng)...
    沈念sama閱讀 45,702評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡典奉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,893評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了丧叽。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片卫玖。...
    茶點故事閱讀 40,015評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖踊淳,靈堂內的尸體忽然破棺而出假瞬,到底是詐尸還是另有隱情,我是刑警寧澤迂尝,帶...
    沈念sama閱讀 35,734評論 5 346
  • 正文 年R本政府宣布脱茉,位于F島的核電站,受9級特大地震影響垄开,放射性物質發(fā)生泄漏琴许。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,352評論 3 330
  • 文/蒙蒙 一溉躲、第九天 我趴在偏房一處隱蔽的房頂上張望榜田。 院中可真熱鬧,春花似錦锻梳、人聲如沸箭券。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,934評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽辩块。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間废亭,已是汗流浹背国章。 一陣腳步聲響...
    開封第一講書人閱讀 33,052評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留豆村,地道東北人液兽。 一個月前我還...
    沈念sama閱讀 48,216評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像你画,于是被迫代替她去往敵國和親抵碟。 傳聞我的和親對象是個殘疾皇子桃漾,可洞房花燭夜當晚...
    茶點故事閱讀 44,969評論 2 355

推薦閱讀更多精彩內容