UniApp 用来判断当前环境是否在微信中

729 阅读1分钟

记录一下 用于检测用户是否在微信环境中,并根据检测结果显示相应的提示消息。以下是代码的逐行解释:

  1. 定义检测函数

    const isWeChat = () => {
      const ua = navigator.userAgent.toLowerCase();
      return ua.includes('micromessenger');
    };
    
    • isWeChat 是一个箭头函数,用于检测用户是否在微信环境中。
    • navigator.userAgent 获取用户代理字符串,并将其转换为小写字母,以便进行统一比较。
    • ua.includes('micromessenger') 检查用户代理字符串中是否包含 "micromessenger" 子串,"micromessenger" 是微信浏览器的标识。
  2. 条件判断和提示显示

    if(isWeChat()) {
      uni.showToast({
        title: '当前在微信环境中',
        icon: 'none',
        duration: 2000
      })
    } else {
      uni.showToast({
        title: '当前不在微信环境中',
        icon: 'none',
        duration: 2000
      })
    }
    
    • 调用 isWeChat() 函数进行检测。
    • 如果检测结果为真(即在微信环境中),使用 uni.showToast 显示提示消息 "当前在微信环境中"。提示图标设置为 'none',表示没有图标,显示时间为 2000 毫秒。
    • 如果检测结果为假(即不在微信环境中),同样使用 uni.showToast 显示提示消息 "当前不在微信环境中"。提示图标和显示时间与前者相同。

用于在 UniApp 应用中根据用户的浏览器环境(是否为微信)来显示相应的提示信息。