js判断微信环境时遇到的问题及处理方案

当拿到如下图时，则表示是在微信浏览器打开链接时的引导页

做出这个引导页需要注意的点如下：

1、如果是在Pc项目中怎么编写H5页面呢，只需要按照自适应百分比的方式编写css样式，在web端调试兼容即可。

2、设计图顶部的应用下载区域无需编写设备自带，那么就涉及js如何动态渲染title,代码如下：

dynamicTitle(){
    document.getElementsByTagName("title")[0].innerText = '应用下载';
  }

3、静态页面编写完成后接下来需要处理的是js如何判断微信环境，首先要定义一个是否是微信环境的变量isWx：isWx:boolean = false,在Html中使用这个变量判断是微信环境中显示引导页,Html部分代码如下：

<div *ngIf="isWx" class="downLoadpic">
    <img class="pic" src="../../../assets/img/downLoad.png" alt="" />
</div>

js部分起初代码：

报错信息提示由于“RegExpMatchArray | null”和“string”类型没有重叠，因此此条件将始终返回“false”：

解决方法利用console.log()向控制台输出信息