經過js區分移動端瀏覽器（微信瀏覽器、QQ瀏覽器、QQ內置瀏覽器）

時間 2021-02-02

標籤瀏覽器微信 spa code blog 字符串 class 分享微信瀏覽器欄目 JavaScript 简体版

原文原文鏈接

因爲公司業務中涉及到一個分享指引功能，而像微信、QQ內置瀏覽器須要引導用戶點擊右上角進行操做，其餘瀏覽器則引導點擊瀏覽器下方進行操做，所以須要區分瀏覽器類型；瀏覽器

經過在頁面alert（navigator.userAgent）能夠觀察到在QQ瀏覽器中包含關鍵字"mqqbrowser"而QQ內置瀏覽器中包含" qq"這裏qq前面多一個空字符串；微信

var ua = navigator.userAgent.toLowerCase()， isWx = false,isQQ = false, isQQInstalled = false; if(ua.indexOf(' qq')>-1 && ua.indexOf('mqqbrowser') <0){ //qq內置瀏覽器
              isQQInstalled = true; return; } if(ua.indexOf('mqqbrowser')> -1 && ua.indexOf(" qq")<0){ //qq瀏覽器
              isQQ = true; return; } if (ua.match(/MicroMessenger/i) == 'micromessenger') { //微信瀏覽器
             isWx = true; return; }