先給大家說下我的項目需求:用戶掃一掃二維碼會產生一個鏈接,該鏈接會向后端發送個請求,返回一個 apk 的下載地址,用戶點擊下載按鈕可以下載此 apk。然后就發生了問題,經過測試,發現用微信掃一掃打開的頁面點擊下載按鈕下載不了 apk,后百度之,原來是微信內置瀏覽器屏蔽了下載鏈接,后面和需求方溝通,需求改為如果用戶是用微信內置瀏覽器打開的,則提示用戶換一個瀏覽器打開頁面,否則下載不了 apk。那么該如何判斷用戶是否是用微信瀏覽器呢?
我們知道 js 可以通過 window.navigator.userAgent 來獲取瀏覽器的相關信息,比如:Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.154 Safari/537.36,那么我們也可以通過該方法來獲取微信內置瀏覽器的相關信息: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。根據關鍵字 MicroMessenger 來判斷是否是微信內置的瀏覽器。判斷函數如下:
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>判斷是否是微信內置瀏覽器</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 放到服務器上,然后生成個二維碼掃一掃。
以上所述是小編給大家介紹的JavaScript判斷微信瀏覽器實例代碼的相關知識,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答