美文网首页
JS 客户端应用系统运行环境采集

JS 客户端应用系统运行环境采集

作者: zlf_j | 来源:发表于2021-08-31 15:27 被阅读0次

JS 获取浏览器运行环境，系统软件信息，产品信息，设备信息

参考：
https://blog.csdn.net/l2345432l/article/details/109735338
https://blog.csdn.net/weixin_30588729/article/details/100093460
https://www.jb51.net/article/164278.htm

代码

// 获取系统信息
    getSystem () {
        const ua = navigator.userAgent.toLowerCase();
        const testUa = regexp => regexp.test(ua);
        const testVs = regexp => (ua.match(regexp) + "").replace(/[^0-9|_.]/ig, "").replace(/_/ig, ".");

        // 系统
        let system = "unknown";
        if (testUa(/windows|win32|win64|wow32|wow64/ig)) {
            system = "Windows"; // window系统
        } else if (testUa(/macintosh|macintel/ig)) {
            system = "MAC OS"; // MAC OS系统
        } else if (testUa(/x11/ig)) {
            system = "Linux"; // Linux系统
        } else if (testUa(/android|adr/ig)) {
            system = "Android"; // Android系统
        } else if (testUa(/ios|iphone|ipad|ipod|iwatch/ig)) {
            system = "IOS"; // IOS系统
        }

        // 系统版本
        let systemVs = "unknown";
        if (system === "Windows") {
            if (testUa(/windows nt 5.0|windows 2000/ig)) {
                systemVs = "2000";
            } else if (testUa(/windows nt 5.1|windows xp/ig)) {
                systemVs = "xp";
            } else if (testUa(/windows nt 5.2|windows 2003/ig)) {
                systemVs = "2003";
            } else if (testUa(/windows nt 6.0|windows vista/ig)) {
                systemVs = "vista";
            } else if (testUa(/windows nt 6.1|windows 7/ig)) {
                systemVs = "7";
            } else if (testUa(/windows nt 6.2|windows 8/ig)) {
                systemVs = "8";
            } else if (testUa(/windows nt 6.3|windows 8.1/ig)) {
                systemVs = "8.1";
            } else if (testUa(/windows nt 10.0|windows 10/ig)) {
                systemVs = "10";
            }
        } else if (system === "MAC OS") {
            systemVs = testVs(/os x [\d._]+/ig);
        } else if (system === "Android") {
            systemVs = testVs(/android [\d._]+/ig);
        } else if (system === "IOS") {
            systemVs = testVs(/os [\d._]+/ig);
        }

        // 内核和载体
        let engine = "unknow";
        let supporter = "unknow";
        if (testUa(/applewebkit/ig) && testUa(/safari/ig)) {
            engine = "webkit"; // webkit内核
            if (testUa(/edge/ig)) {
                supporter = "edge"; // edge浏览器
            } else if (testUa(/opr/ig)) {
                supporter = "opera"; // opera浏览器
            } else if (testUa(/chrome/ig)) {
                supporter = "Chrome"; // Chrome浏览器
            } else {
                supporter = "Safari"; // Safari浏览器
            }
        } else if (testUa(/gecko/ig) && testUa(/firefox/ig)) {
            engine = "gecko"; // gecko内核
            supporter = "firefox"; // firefox浏览器
        } else if (testUa(/presto/ig)) {
            engine = "presto"; // presto内核
            supporter = "opera"; // opera浏览器
        } else if (testUa(/trident|compatible|msie/ig)) {
            engine = "trident"; // trident内核
            supporter = "iexplore"; // iexplore浏览器
        }

        // 内核版本
        let engineVs = "unknow";
        if (engine === "webkit") {
            engineVs = testVs(/applewebkit\/[\d.]+/ig);
        } else if (engine === "gecko") {
            engineVs = testVs(/gecko\/[\d.]+/ig);
        } else if (engine === "presto") {
            engineVs = testVs(/presto\/[\d.]+/ig);
        } else if (engine === "trident") {
            engineVs = testVs(/trident\/[\d.]+/ig);
        }

        // 载体版本
        let supporterVs = "unknow";
        if (supporter === "Chrome") {
            supporterVs = testVs(/chrome\/[\d.]+/ig);
        } else if (supporter === "Safari") {
            supporterVs = testVs(/version\/[\d.]+/ig);
        } else if (supporter === "firefox") {
            supporterVs = testVs(/firefox\/[\d.]+/ig);
        } else if (supporter === "opera") {
            supporterVs = testVs(/opr\/[\d.]+/ig);
        } else if (supporter === "iexplore") {
            supporterVs = testVs(/(msie [\d.]+)|(rv:[\d.]+)/ig);
        } else if (supporter === "edge") {
            supporterVs = testVs(/edge\/[\d.]+/ig);
        }

        // 外壳和外壳版本
        let shell = "none";
        let shellVs = "unknow";
        if ( (ua.match(/MicroMessenger/i) == 'micromessenger') && (ua.match(/wxwork/i) == 'wxwork') ){
            shell = "企业微信";
            shellVs = ua.match(/wxwork\/([\d.]+)/)[1]
        } else if( ua.match(/micromessenger/i) == 'micromessenger' ){
            shell = "微信";
            shellVs = navigator.userAgent.match(/MicroMessenger\/([\d\.]+)/i)[1]
        // }
        // if (testUa(/micromessenger/ig)) {
            // shell = "wechat"; // 微信浏览器     
            // shellVs = testVs(/micromessenger\/[\d.]+/ig);
        } else if (testUa(/qqbrowser/ig)) {
            shell = "qq"; // QQ浏览器
            shellVs = testVs(/qqbrowser\/[\d.]+/ig);
        } else if (testUa(/ubrowser/ig)) {
            shell = "uc"; // UC浏览器
            shellVs = testVs(/ubrowser\/[\d.]+/ig);
        } else if (testUa(/2345explorer/ig)) {
            shell = "2345"; // 2345浏览器
            shellVs = testVs(/2345explorer\/[\d.]+/ig);
        } else if (testUa(/metasr/ig)) {
            shell = "sougou"; // 搜狗浏览器
        } else if (testUa(/lbbrowser/ig)) {
            shell = "liebao"; // 猎豹浏览器
        } else if (testUa(/maxthon/ig)) {
            shell = "maxthon"; // 遨游浏览器
            shellVs = testVs(/maxthon\/[\d.]+/ig);
        } else if (testUa(/bidubrowser/ig)) {
            shell = "baidu"; // 百度浏览器
            shellVs = testVs(/bidubrowser [\d.]+/ig);
        } 

        // 获取到system、systemVs、platform、engine、engineVs、supporter、supporterVs、shell、shellVs
        return Object.assign({
            engine, // webkit gecko presto trident
            engineVs,
            supporter, // Chrome Safari firefox opera iexplore edge
            supporterVs,
            system, // Windows MAC OS Linux Android IOS
            systemVs
            }, shell === "none" ? {} : {
            shell, // wechat qq uc 2345 sougou liebao maxthon baidu
            shellVs
        });
    }

分析及了解

一、浏览器运行环境（浏览器+版本）
套壳浏览器 => 外壳，外壳版本，如：“企业微信”
原生浏览器 => 载体，载体版本，如：“Chrome”“Sarari”，“91.0.4472.106”
区分企业微信和微信：https://blog.csdn.net/hrf368246980/article/details/83055671
企业微信版本：https://www.cnblogs.com/websmile/p/13730118.html

  • 原生浏览器与套壳浏览器
    原生浏览器是指火狐、IE、谷歌（Chrome）、Safari、Opera等这一类拥有完整独立内核的浏览器。
    所谓套壳浏览器，是指在某浏览器内核之上增加相应的辅助功能，并改变其名称与外观的浏览器。如360浏览器、QQ浏览器、搜狗浏览器等。
    https://www.jianshu.com/p/67d790a8f221

二、设备信息（做不到 X）

三、系统软件信息：
类型：如“Android”“EMUI”“MAC OS”“IOS”“Windows”
https://blog.csdn.net/l2345432l/article/details/109735338
版本：如“11.0.0”“10”
windows版本：https://blog.csdn.net/marke_huang/article/details/83094762
企业微信windows版本：https://blog.csdn.net/u012708193/article/details/110881738

四、产品信息：
类型：PC / H5 / 小程序（固定）
产品名称：（固定）
版本：（固定，不能接口获取）

调试代码（部分代码不可用，仅用于调试）

  • 引入文件
import MobileDetect from '../../static/js/mobile-detect.js';
import MobileDevice from '../../static/js/iphone-device.js';
  • 使用：
this.systemDetail = this.getSystem()
  • 方法
getSystem () {
        const ua = navigator.userAgent.toLowerCase();
        const testUa = regexp => regexp.test(ua);
        const testVs = regexp => (ua.match(regexp) + "").replace(/[^0-9|_.]/ig, "").replace(/_/ig, ".");

        // 系统
        let system = "unknown";
        if (testUa(/windows|win32|win64|wow32|wow64/ig)) {
            system = "Windows"; // window系统
        } else if (testUa(/macintosh|macintel/ig)) {
            system = "MAC OS"; // MAC OS系统
        } else if (testUa(/x11/ig)) {
            system = "Linux"; // Linux系统
        } else if (testUa(/android|adr/ig)) {
            system = "Android"; // Android系统
        } else if (testUa(/ios|iphone|ipad|ipod|iwatch/ig)) {
            system = "IOS"; // IOS系统
        }

        // 系统版本
        let systemVs = "unknown";
        if (system === "Windows") {
            // if (testUa(/windows nt 5.0|windows 2000/ig)) {
            //     systemVs = "2000";
            // } else if (testUa(/windows nt 5.1|windows xp/ig)) {
            //     systemVs = "xp";
            // } else if (testUa(/windows nt 5.2|windows 2003/ig)) {
            //     systemVs = "2003";
            // } else if (testUa(/windows nt 6.0|windows vista/ig)) {
            //     systemVs = "vista";
            // } else if (testUa(/windows nt 6.1|windows 7/ig)) {
            //     systemVs = "7";
            // } else if (testUa(/windows nt 6.2|windows 8/ig)) {
            //     systemVs = "8";
            // } else if (testUa(/windows nt 6.3|windows 8.1/ig)) {
            //     systemVs = "8.1";
            // } else if (testUa(/windows nt 10.0|windows 10/ig)) {
            //     systemVs = "10";
            // }
            systemVs = ua.substr(ua.indexOf('windows nt ') + 11,4)
        } else if (system === "MAC OS") {
            systemVs = testVs(/os x [\d._]+/ig);
        } else if (system === "Android") {
            systemVs = testVs(/android [\d._]+/ig);
        } else if (system === "IOS") {
            systemVs = testVs(/os [\d._]+/ig);
        }

        // 内核和载体
        let engine = "unknow";
        let supporter = "unknow";
        if (testUa(/applewebkit/ig) && testUa(/safari/ig)) {
            engine = "webkit"; // webkit内核
            if (testUa(/edge/ig)) {
                supporter = "edge"; // edge浏览器
            } else if (testUa(/opr/ig)) {
                supporter = "opera"; // opera浏览器
            } else if (testUa(/chrome/ig)) {
                supporter = "Chrome"; // Chrome浏览器
            } else {
                supporter = "Safari"; // Safari浏览器
            }
        } else if (testUa(/gecko/ig) && testUa(/firefox/ig)) {
            engine = "gecko"; // gecko内核
            supporter = "firefox"; // firefox浏览器
        } else if (testUa(/presto/ig)) {
            engine = "presto"; // presto内核
            supporter = "opera"; // opera浏览器
        } else if (testUa(/trident|compatible|msie/ig)) {
            engine = "trident"; // trident内核
            supporter = "iexplore"; // iexplore浏览器
        }

        // 内核版本
        let engineVs = "unknow";
        if (engine === "webkit") {
            engineVs = testVs(/applewebkit\/[\d.]+/ig);
        } else if (engine === "gecko") {
            engineVs = testVs(/gecko\/[\d.]+/ig);
        } else if (engine === "presto") {
            engineVs = testVs(/presto\/[\d.]+/ig);
        } else if (engine === "trident") {
            engineVs = testVs(/trident\/[\d.]+/ig);
        }

        // 载体版本
        let supporterVs = "unknow";
        if (supporter === "Chrome") {
            supporterVs = testVs(/chrome\/[\d.]+/ig);
        } else if (supporter === "Safari") {
            supporterVs = testVs(/version\/[\d.]+/ig);
        } else if (supporter === "firefox") {
            supporterVs = testVs(/firefox\/[\d.]+/ig);
        } else if (supporter === "opera") {
            supporterVs = testVs(/opr\/[\d.]+/ig);
        } else if (supporter === "iexplore") {
            supporterVs = testVs(/(msie [\d.]+)|(rv:[\d.]+)/ig);
        } else if (supporter === "edge") {
            supporterVs = testVs(/edge\/[\d.]+/ig);
        }

        // 外壳和外壳版本
        let shell = "none";
        let shellVs = "unknow";
        if ( (ua.match(/MicroMessenger/i) == 'micromessenger') && (ua.match(/wxwork/i) == 'wxwork') ){
            shell = "企业微信";
            shellVs = ua.match(/wxwork\/([\d.]+)/)[1]
        } else if( ua.match(/micromessenger/i) == 'micromessenger' ){
            shell = "微信";
            shellVs = navigator.userAgent.match(/MicroMessenger\/([\d\.]+)/i)[1]
        // }
        // if (testUa(/micromessenger/ig)) {
            // shell = "wechat"; // 微信浏览器     
            // shellVs = testVs(/micromessenger\/[\d.]+/ig);
        } else if (testUa(/qqbrowser/ig)) {
            shell = "qq"; // QQ浏览器
            shellVs = testVs(/qqbrowser\/[\d.]+/ig);
        } else if (testUa(/ubrowser/ig)) {
            shell = "uc"; // UC浏览器
            shellVs = testVs(/ubrowser\/[\d.]+/ig);
        } else if (testUa(/2345explorer/ig)) {
            shell = "2345"; // 2345浏览器
            shellVs = testVs(/2345explorer\/[\d.]+/ig);
        } else if (testUa(/metasr/ig)) {
            shell = "sougou"; // 搜狗浏览器
        } else if (testUa(/lbbrowser/ig)) {
            shell = "liebao"; // 猎豹浏览器
        } else if (testUa(/maxthon/ig)) {
            shell = "maxthon"; // 遨游浏览器
            shellVs = testVs(/maxthon\/[\d.]+/ig);
        } else if (testUa(/bidubrowser/ig)) {
            shell = "baidu"; // 百度浏览器
            shellVs = testVs(/bidubrowser [\d.]+/ig);
        }

        let locator,service
        if(window.ActiveXObject){
            //支持-通过ActiveXObject的一个新实例来创建XMLHttpRequest对象            
            locator = new ActiveXObject("WbemScripting.SWbemLocator"); 
            service = locator.ConnectServer("."); 
            //CPU信息 
            var cpu = new Enumerator (service.ExecQuery("SELECT * FROM Win32_Processor")).item(); 
            var cpuType=cpu.Name,hostName=cpu.SystemName; 
            //内存信息 
            var memory = new Enumerator (service.ExecQuery("SELECT * FROM Win32_PhysicalMemory")); 
            for (var mem=[],i=0;!memory.atEnd();memory.moveNext()) mem[i++]={cap:memory.item().Capacity/1024/1024,speed:memory.item().Speed} 
            //系统信息 
            var system2=new Enumerator (service.ExecQuery("SELECT * FROM Win32_ComputerSystem")).item(); 
            var physicMenCap=Math.ceil(system2.TotalPhysicalMemory/1024/1024),curUser=system2.UserName,cpuCount=system2.NumberOfProcessors 
            console.log({cpuType:cpuType,cpuCount:cpuCount,hostName:hostName,curUser:curUser,memCap:physicMenCap,mem:mem}) 
        }            
        //不支持        
        else if(window.XMLHttpRequest){
            locator = new XMLHttpRequest()        
        }
        console.log(locator)
        console.log(service)

         // 获取手机型号
         Array.prototype.contains = function(needle) { // 判断数组中是否包含某字符串
            for (i in this) {
                if (this[i].indexOf(needle) > 0)
                    return i;
            }
            return -1;
        }
        var device_type = navigator.userAgent; //获取userAgent信息
        console.log(device_type)
        var md = new MobileDetect(device_type); //初始化mobile-detect
        var os = md.os(); // 获取系统版本
        var model = "";
        if (os == "iOS") { //ios系统的处理
            os = md.os() + md.version("iPhone");
            //再通过iphone-device.js获取具体的苹果手机型号
            model = MobileDevice.getModels().join(' or ');
            if(model == 'unknown'){
                model = md.mobile(); // iPhone
            }
        } else if (os == "AndroidOS") { //Android系统的处理
            os = md.os() + md.version("Android");
            var sss = device_type.split(";");
            var i = sss.contains("Build/");
            if (i > -1) {
                model = sss[i].substring(0, sss[i].indexOf("Build/"));
            }
        }
        console.log(os, model)


        // 获取到system、systemVs、platform、engine、engineVs、supporter、supporterVs、shell、shellVs
        return Object.assign({
            engine, // webkit gecko presto trident
            engineVs,
            supporter, // Chrome Safari firefox opera iexplore edge
            supporterVs,
            system, // Windows MAC OS Linux Android IOS
            systemVs,
            model,
            device_type
            }, shell === "none" ? {} : {
            shell, // wechat qq uc 2345 sougou liebao maxthon baidu
            shellVs
        });
    }

相关文章

  • JS 客户端应用系统运行环境采集

    JS 获取浏览器运行环境，系统软件信息，产品信息，设备信息 参考：https://blog.csdn.net/l2...

  • nodejs的安装

    环境搭建 Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言 npm:...

  • 用nodejs（npm）安装vue.js全过程

    一、开发环境 vue推荐开发环境: Node.js: javascript运行环境(runtime),不同系统直接...

  • 使用cnpm来安装vue

    一、开发环境 vue推荐开发环境: Node.js: javascript运行环境(runtime),不同系统直接...

  • TypeScript环境准备

    TypeScript环境准备 操作系统：Win | Mac | Linux 均可 运行环境：Node.js[htt...

  • vue环境搭建

    环境搭建 vue推荐开发环境 Node.js：javascript运行环境(类比为python的解释器)，不同系统...

  • nodejs学习笔记1

    nodejs本质上其实就是js，只不过是运行的环境不同，当它运行在本地chrome时，它就是客户端文件；当它运行在...

  • JavaScript学习笔记一

    1，HTML不区分大小写，JavaScript(js)是区分大小写的。 2，每一种特定的js运行环境(客户端，服务...

  • JavaScript基础01

    1、JavaScript： 基于对象和事件驱动，运行在浏览器客户端的脚本语言。 js的运行环境基于浏览器的 对象：...

  • 以指定语言环境运行OSX应用

    以指定语言环境运行OSX应用,适合"装逼"用户(系统用A语言,应用运行在B语言) 打开终端,运行以下命令,其中zh...

网友评论

      本文标题：JS 客户端应用系统运行环境采集

      本文链接：https://www.haomeiwen.com/subject/uiroiltx.html

      延伸阅读

      深度阅读

      • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

      栏目导航

      热点阅读

      关于我们|服务条款|联系我们|JS 客户端应用系统运行环境采集|投稿指南|网站地图|RSS订阅|排版工具|手机版

      提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

      Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

      备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

      本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

      所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！