判断微信、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;
 }

 

原文链接:,转发请注明来源!
阿里云服务器

发表评论