H5 浏览器环境监测 方法总结

总结一下：H5浏览器环境监测的几种情况：

1. 微信环境监测，【用于是否使用使用微信登录】；
2. 监测当前设备，及版本号；
3. 客户端返回事件；【用于返回上一步时触发效果】

1.微信环境检测

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

2.JS判断当前设备，及版本号；

console.log(window.navigator.userAgent)//也就是常说的UA，这个里面会把设备的信息打印出来
function gt_iosV() {
// 判断是否 iPhone 或者 iPod
if((navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i))) {
// 判断系统版本号是否大于 4
return Boolean(navigator.userAgent.match(/OS [7,8]_d[_d]* like Mac OS X/i));
} else {
return false;
}
}
gt_iosV();
//可以返回一个布尔值判断是否是你需要的系统

3.页面检测客户端返回事件；（IOS8及以下版本，此方法失效，不应适用）

$(function(){
pushHistory();
window.addEventListener("popstate", function(e) {
    
// alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能
    
// showid("backOut");
}, false);
function pushHistory() {
    
var state = {
        
title: "title",
        
url: "#"
    
};
  
 window.history.pushState(state, "title", "#");
}
});

最后

以上就是俏皮发箍为你收集整理的H5 浏览器环境监测 方法总结的全部内容，希望文章能够帮你解决H5 浏览器环境监测 方法总结所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。