判断微信、QQ内置浏览器JS代码(APP下载页使用)

为了便于自家APP的推广，往往需要用户扫描二维码打开下载页，我们选择通过判断navigator.userAgent,和 navigator.appVersion来进行区别，下面是全部JS代码判断方式。

获取当前浏览器信息

 var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, presto: u.indexOf('Presto') > -1, webKit: u.indexOf('AppleWebKit') > -1, gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, mobile: !!u.match(/AppleWebKit.*Mobile.*/), ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, iPhone: u.indexOf('iPhone') > -1, iPad: u.indexOf('iPad') > -1, webApp: u.indexOf('Safari') == -1 } }(), language: (navigator.browserLanguage || navigator.language).toLowerCase() };

判断是否是微信内置浏览器

 function is_weixin() { var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return true; } else { return false; } }

判断是否是QQ内置浏览器

function is_QQ() { var ua = navigator.userAgent; if (ua.match(/QQ\//i) == "QQ/") { return true; } else { return false; } }

ios/安卓端 安装示例

 function iosInstall() { if (!browser.versions.mobile) { alert("请使用手机访问该网页"); return; } if (is_weixin() || is_QQ()) { document.getElementById("weixin").style.display = "block"; if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) { document.getElementById("step2").innerHTML = "2. 在Safari中打开"; } else { document.getElementById("step2").innerHTML = "2. 在浏览器中打开"; } return; } url = "http://ashui.net";//这里写app的下载地址 window.location.href = url; }