【vue、uniapp】判断是否微信浏览器打开

最新推荐文章于 2025-03-15 23:59:52 发布

原创最新推荐文章于 2025-03-15 23:59:52 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #微信 #uni-app

该博客分享了一个简单的JavaScript代码片段，用于检测用户是通过微信内置浏览器还是普通浏览器打开网页。通过navigator.userAgent属性检查'micromessenger'字符串是否存在来实现判断。代码在不同环境下运行效果良好，为移动端适配提供了参考。

【vue、uniapp】判断是否微信浏览器打开

直接上代码

<template>
  <div>
    {{test}}
  </div>
</template>

<script>

export default {
  data() {
    return {
     test: ''
    };
  },
  created() {
    // 判断是否微信浏览器打开
    var ua = navigator.userAgent.toLowerCase();
		var isWeixin = ua.indexOf('micromessenger') !== -1;
		if (!isWeixin) {
			this.test = '我是浏览器打开的'
		}else{
      this.test = '我是微信浏览器打开的'
    }
  },
};
</script>