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

最新推荐文章于 2024-07-07 10:57:30 发布

HCJSJQ

最新推荐文章于 2024-07-07 10:57:30 发布

阅读量1.1k

点赞数 1

分类专栏：工具类操作使用 h5 网页前端

本文链接：https://blog.csdn.net/HCJSJQ/article/details/82085091

版权

本文总结了H5浏览器环境监测的几个关键点：如何检测微信环境以决定是否使用微信登录，利用JS获取当前设备及版本信息，以及如何监听客户端返回事件来实现特定效果，特别是在iOS8及以下版本中需注意的方法不适用。

摘要由CSDN通过智能技术生成

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

微信环境监测，【用于是否使用使用微信登录】；

监测当前设备，及版本号；

客户端返回事件；【用于返回上一步时触发效果】

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