在手机网页中判断是否在微信浏览器打开出现问题

Question

在网上各种百度，发现这种方法可以判断网页是否在微信浏览打开。
判断代码：

alert(is_wechat_client())
    /**判断当前是否是微信**/
function is_wechat_client(){
        return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1
}

我做了个测试页面，在测试页面中可以找到navigator.userAgent这个属性，并且可以弹出框来。然而同样的代码在我项目页面中却找不到navigator.userAgent，提示为undefind。这是为什么呢？？？（我的项目用了jquery和vue，跟这个有关系吗？）

测试通过的页面正确弹出true：

同样的代码，在项目页面中报错：

搞不清楚为什么，网上也没有这个的解决办法。求大佬解答

Answer 1

我觉得好好检查下拼写吧，看看是不是哪写错了