记录前端js获取浏览器信息与判断是否为移动端

执行下面方法将获取所有信息

const _browser = (function(){
    let userAgent = navigator.userAgent,
        ua = userAgent.toLowerCase(),
        browserList = {
            msie : /(?:msie\s|trident.*rv:)([\w.]+)/i,
            firefox : /Firefox\/([\w.]+)/i,
            chrome : /Chrome\/([\w.]+)/i,
            safari : /version\/([\w.]+).*Safari/i,
            opera : /(?:OPR\/|Opera.+version\/)([\w.]+)/i
        },
        kernels = {
            MSIE: /(compatible;\smsie\s|Trident\/)[\w.]+/i,
            Camino: /Camino/i,
            KHTML: /KHTML/i,
            Presto: /Presto\/[\w.]+/i,
            Gecko : /Gecko\/[\w.]+/i,
            WebKit: /AppleWebKit\/[\w.]+/i
        },
        browser = {
            kernel : 'unknow',
            version : 'unknow'
        }

    // 检测浏览器
    for(let i in browserList){
        const matchs = ua.match(browserList[i]);
        // browser[i] = matchs ? true : false;
        if(matchs){
            browser.version = matchs[1];
            browser.browser = i
        }
    }

    // 检测引擎
    for(let i in kernels){
        const matchs = ua.match(kernels[i]);
        if(matchs){
            browser.kernel = matchs[0];
        }
    }

    // 系统
    const os = ua.match(/(Windows\sNT\s|Mac\sOS\sX\s|Android\s|ipad.*\sos\s|iphone\sos\s)([\d._-]+)/i);
    browser.os = os!==null ? os[0] : false;

    // 是否移动端
    browser.mobile = ua.match(/Mobile/i)!==null ? true : false;

    return browser;
}());
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值