您的当前位置:首页>全部文章>文章详情

JS检测移动设备环境:WeChat、Android、IOS

发表于:2022-02-22 17:26:41浏览:1337次TAG: #移动设备 #WeChat #Android #iOS

通过JS检测WeChat、Android、iOS环境

// 检测微信状态下的手机设备环境
function checkHJByWeChat() {
    // 设备变量区分
    let web = navigator.userAgent,
        isiOS = !!web.match(/\i[^;]+;(U;)? CPU.+Mac OS X/),
        isAndroid = web.indexOf('Android') > -1 || web.indexOf('Adr') > -1,
        isWeChat = web.toLocaleLowerCase().match(/MicroMessenger/i) == 'micromessenger';

    let test = '';
    // WeChat 环境下
    if (isWeChat) {
        console.log('当前环境为 WeChat');
        if (isAndroid) { // Android 环境下
            test = '当前环境为 WeChat--> Android';
        } else if (isiOS) { // iOS 环境下 
            test = '当前环境为 WeChat--> iOS';
        } else {
            test = '当前环境为 WeChat-->';
        }
    } else { // 非 WeChat 环境
        console.log('当前环境为 非WeChat');
        if (isAndroid) {
            test = '当前环境为 非WeChat--> Android';
        } else if (isiOS) {
            test = '当前环境为 非WeChat--> iOS';
        } else {
            test = '当前环境为 非WeChat-->';
        }
    }
    console.log(test);
    document.querySelector('#test').innerHTML = test;
}

浏览器手机环境检测

function checkHJ() {
    let web = navigator.userAgent;

    let isWeChat = web.toLocaleLowerCase().match(/MicroMessenger/i) == 'micromessenger';
    // WeChat
    if (isWeChat) {
        console.log('当前环境为 WeChat');
    }

    let isAndroid = web.indexOf('Android') > -1 || web.indexOf('Adr') > -1;
    // Android
    if (isAndroid) {
        console.log('当前环境为 Android');
    }

    let isiOS = !!web.match(/\i[^;]+;(U;)? CPU.+Mac OS X/);
    // iOS
    if (isiOS) {
        console.log('当前环境为 iOS');
    }

    // others 浏览器
    console.log('当前环境为 浏览器');
}