JavaScript判斷微信瀏覽器實(shí)例代碼
先給大家說下我的項(xiàng)目需求：用戶掃一掃二維碼會(huì)產(chǎn)生一個(gè)鏈接，該鏈接會(huì)向后端發(fā)送個(gè)請(qǐng)求，返回一個(gè) apk 的下載地址，用戶點(diǎn)擊下載按鈕可以下載此 apk。然后就發(fā)生了問題，經(jīng)過測(cè)試，發(fā)現(xiàn)用微信掃一掃打開的頁面點(diǎn)擊下載按鈕下載不了 apk，后百度之，原來是微信內(nèi)置瀏覽器屏蔽了下載鏈接，后面和需求方溝通，需求改為如果用戶是用微信內(nèi)置瀏覽器打開的，則提示用戶換一個(gè)瀏覽器打開頁面，否則下載不了 apk。那么該如何判斷用戶是否是用微信瀏覽器呢？
我們知道 js 可以通過 window.navigator.userAgent 來獲取瀏覽器的相關(guān)信息，比如：Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.154 Safari/537.36，那么我們也可以通過該方法來獲取微信內(nèi)置瀏覽器的相關(guān)信息：Mozilla/5.0 (iPhone; CPU iPhone OS 7_1_1 like Mac OS X) AppleWebKit/537.51.2 (KHTML, like Gecko) Mobile/11d201 MicroMessenger/5.3。根據(jù)關(guān)鍵字 MicroMessenger 來判斷是否是微信內(nèi)置的瀏覽器。判斷函數(shù)如下：
function isWeiXin(){
var ua = window.navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
return true;
}else{
return false;
}
}
demo：
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>判斷是否是微信內(nèi)置瀏覽器</title>
</head>
<body>
<h1>如果用微信瀏覽器打開可以看到下面的文字</h1>
<p></p>
</body>
</html>
<script type="text/javascript">
window.onload = function(){
if(isWeiXin()){
var p = document.getElementsByTagName('p');
p[0].innerHTML = window.navigator.userAgent;
}
}
function isWeiXin(){
var ua = window.navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
return true;
}else{
return false;
}
}
</script>
說明：可以將上面的 demo 放到服務(wù)器上，然后生成個(gè)二維碼掃一掃。
以上所述是小編給大家介紹的JavaScript判斷微信瀏覽器實(shí)例代碼的相關(guān)知識(shí)，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
原生js實(shí)現(xiàn)ajax請(qǐng)求和JSONP跨域請(qǐng)求操作示例
這篇文章主要介紹了原生js實(shí)現(xiàn)ajax請(qǐng)求和JSONP跨域請(qǐng)求操作,結(jié)合實(shí)例形式分析了基于原生js實(shí)現(xiàn)的ajax請(qǐng)求和JSONP跨域請(qǐng)求相關(guān)操作技巧與使用注意事項(xiàng),需要的朋友可以參考下2020-03-03
javascript淡入淡出效果的實(shí)現(xiàn)思路
這個(gè)思路是最近寫XScroll.js類的時(shí)候想明白的。平常我們說的淡入淡出效果，一般分成兩部分，一半是淡入，另一半就是淡出了。不過經(jīng)過分析，我覺得其實(shí)只需要一半就行了2012-03-03
本文給大家分享的是一個(gè)JavaScript兼容火狐瀏覽器與IE瀏覽器的一個(gè)小技巧，非常的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下2016-08-08
avascript中的自執(zhí)行匿名函數(shù)應(yīng)用示例
javascript中的自執(zhí)行匿名函數(shù)可以用它創(chuàng)建命名空間，只要把自己所有的代碼都寫在這個(gè)特殊的函數(shù)包裝內(nèi)，那么外部就不能訪問，除非你允許2014-09-09
JavaScript?防抖debounce與節(jié)流thorttle
這篇文章主要介紹了JavaScript?防抖debounce與節(jié)流thorttle，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-05-05
JavaScript中Window對(duì)象stop()方法用于停止頁面載入,該方法類似在瀏覽器上點(diǎn)擊停止載入按鈕,如果頁面在載入圖片或框架(iframe)時(shí)間過長(zhǎng),我門可以使用該方法來停止載入,可以應(yīng)用在判斷頁面載入時(shí)間,過長(zhǎng)就不加載特效2023-09-09
uniapp實(shí)現(xiàn)可以左右滑動(dòng)導(dǎo)航欄
這篇文章主要為大家詳細(xì)介紹了uniapp 實(shí)現(xiàn)可以左右滑動(dòng)導(dǎo)航欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
本篇文章主要是對(duì)javascript 終止函數(shù)執(zhí)行的操作方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
這篇文章主要給大家介紹了關(guān)于微信小程序瘦身的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。2017-05-05
微信小程序在地圖選擇地址并返回經(jīng)緯度簡(jiǎn)單示例
這篇文章主要介紹了微信小程序在地圖選擇地址并返回經(jīng)緯度,涉及微信小程序針對(duì)經(jīng)緯度地址信息相關(guān)操作技巧,需要的朋友可以參考下2018-12-12