ts判断应用的运行环境（安卓，IOS，H5，微信浏览器，微信小程序, PC)

最新推荐文章于 2024-06-01 18:27:18 发布

制冷男孩

最新推荐文章于 2024-06-01 18:27:18 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： typescript

本文链接：https://blog.csdn.net/QingHan_wow/article/details/114884085

本文介绍了一种通过分析用户代理字符串来判断用户当前所处的平台环境的方法。包括了移动设备类型（如Android、iOS）、应用内环境（如微信、小程序）以及PC端的识别。此方案对于开发跨平台应用时根据不同环境调整行为非常有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import { PlatFormEnv } from './enum'

const userAgent = window?.navigator.userAgent;

const mobileEnv = ['Android', 'iPhone', 'iPad', 'IPod']; // 手机环境


const platFormEnv = (() => {
    if (!userAgent) return null;
    let isMobiel = false;
    mobileEnv.forEach((mobileEnvStr: string) => {
        if (userAgent.indexOf(mobileEnvStr) !== -1) isMobiel = true;
    })
    if (isMobiel) {
        // 是否微信环境
        if (/Micromessenger/i.test(userAgent)) {
            // 是否小程序环境
            if(/miniprogram/i.test(userAgent)) return PlatFormEnv.MINI_PROGRAMER
            // 返回微信浏览器环境
            return PlatFormEnv.WEICHAT
        } else {
            // 是否App环境
            if (/isapp/i.test(userAgent)) {
                for (let i = 0; i < mobileEnv.length; i++) {
                    if (userAgent.indexOf(mobileEnv[i]) !== -1) {
                        // 返回安卓app环境
                        if (i === 0) return PlatFormEnv.ANDROID
                        // 返回ios的app环境
                        else return PlatFormEnv.IOS
                    }
                }
            }
        }
        // 返回移动端H5环境
        return PlatFormEnv.WEB
    }
    // 返回PC环境
    return PlatFormEnv.PC
})()

export default platFormEnv