在微信打开显示遮罩

前言

我之前是写了一篇在微信打开弹出提示
但是总觉得不是很好
所以我研究了一下，写了个新的

正文

原理

我们首先将下原理
研究发现微信的UA中一定带有MicroMessenger并且其他浏览器UA没有
所以我们检查UA如果有那么就让他有遮罩
那么遮罩怎么实现呢？我们在JavaScript中是不好让加上遮罩的
所以我们写一个在最上层的遮罩，用JavaScript让他沉下去

0x00分析UA

获取UA

let url = navigator.userAgent.toLowerCase();
//使用toLowerCase将字符串全部转为小写 方便我们判断使用

UA中如果有MicroMessenger

if (url.indexOf("micromessenger") > -1) {
//单独判断微信内置浏览器
}

UA中如果有iPhone|iPod|iPad|Mac

if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { //判断是否是iOS

}

UA中如果有android

if (navigator.userAgent.match(/android/i)) { //判