js获取PC设备信息,js获取手机设备信息,最全

最新推荐文章于 2025-02-22 11:00:00 发布

橙-极纪元JJYCheng

最新推荐文章于 2025-02-22 11:00:00 发布

阅读量1.4w

点赞数 6

分类专栏： # JQ JS

本文链接：https://blog.csdn.net/cplvfx/article/details/117807449

版权

JS 同时被 2 个专栏收录

163 篇文章

订阅专栏

113 篇文章

订阅专栏

获取设备系统和型号《封装方法》

<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title> 获取设备信息 《封装》</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <meta name="Generator" content="EditPlus">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta charset="utf-8" />
    <meta name="Description" content="">



</head>

<body>



    <!-- <script src="https://cdn.jsdelivr.net/npm/mobile-detect@1.4.4/mobile-detect.min.js"></script> -->
    <script src="./js/mobile-detect.min.js"></script>
    <script>

        var GetDevice = function () {

            /* 版本信息获取 */
            // 各主流浏览器
            var getBrowser = function () {
                var u = navigator.userAgent
                var bws = [{
                    name: 'sgssapp',
                    it: /sogousearch/i.test(u)
                }, {
                    name: 'wechat',
                    it: /MicroMessenger/i.test(u)
                }, {
                    name: 'weibo',
                    it: !!u.match(/Weibo/i)
                }, {
                    name: 'uc',
                    it: !!u.match(/UCBrowser/i) || u.indexOf(' UBrowser') > -1
                }, {
                    name: 'sogou',
                    it: u.indexOf('MetaSr') > -1 || u.indexOf('Sogou') > -1
                }, {
                    name: 'xiaomi',
                    it: u.indexOf('MiuiBrowser') > -1
                }, {
                    name: 'baidu',
                    it: u.indexOf('Baidu') > -1 || u.indexOf('BIDUBrowser') > -1
                }, {
                    name: '360',
                    it: u.indexOf('360EE') > -1 || u.indexOf('360SE') > -1
                }, {
                    name: '2345',
                    it: u.indexOf('2345Explorer') > -1
                }, {
                    name: 'edge',
                    it: u.indexOf('Edge') > -1
                }, {
                    name: 'ie11',
                    it: u.indexOf('Trident') > -1 && u.indexOf('rv:11.0') > -1
                }, {
                    name: 'ie',
                    it: u.indexOf('compatible') > -1 && u.indexOf('MSIE') > -1
                }, {
                    name: 'firefox',
                    it: u.indexOf('Firefox') > -1
                }, {
                    name: 'safari',
                    it: u.indexOf('Safari') > -1 && u.indexOf('Chrome') === -1
                }, {
                    name: 'qqbrowser',
                    it: u.indexOf('MQQBrowser') > -1 && u.indexOf(' QQ') === -1
                }, {
                    name: 'qq',
                    it: u.indexOf('QQ') > -1
                }, {
                    name: 'chrome',
                    it: u.indexOf('Chrome') > -1 || u.indexOf('CriOS') > -1
                }, {
                    name: 'opera',
                    it: u.indexOf('Opera') > -1 || u.indexOf('OPR') > -1
                }]
                for (var i = 0; i < bws.length; i++) {
                    if (bws[i].it) {
                        return bws[i].name
                    }
                }

                return 'other'
            };
            // 系统区分
            var getOS = function () {
                var u = navigator.userAgent
                if (!!u.match(/compatible/i) || u.match(/Windows/i)) {
                    return 'windows'
                } else if (!!u.match(/Macintosh/i) || u.match(/MacIntel/i)) {
                    return 'macOS'
                } else if (!!u.match(/iphone/i) || u.match(/Ipad/i)) {
                    return 'ios'
                } else if (u.match(/android/i)) {
                    return 'android'
                } else if (u.match(/Ubuntu/i)) {
                    return 'Ubuntu'
                } else {
                    return 'other'
                }
            };
            //判断数组中是否包含某字符串
            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信息
            // document.write(device_type); //打印到页面
            var md = new MobileDetect(device_type); //初始化mobile-detect
            var os = md.os(); //获取系统
            console.log(os)
            var model = "";
            if (os == "iOS") { //ios系统的处理
                os = +md.version("iPhone");
                console.log(os)
                model = md.mobile();
            } 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/"));
                }
            }
            else {
                os = getOS();
                model = getBrowser();
            }
            //alert(os + "---" + model);//打印系统版本和手机型号
            //console.log(model + '||' + os, '打印系统版本和手机型号')
            return { "os": os, "dev": model }
        }

      
        document.write("<hr>设备信息:" +JSON.stringify(GetDevice()));
        // 获取手机类型结束
    </script>
</body>

</html>

结果

PC浏览器访问

设备信息:{"os":"windows","dev":"chrome"}

小米10手机访问

设备信息:{"os":"AndroidOS10","dev":" M2002J9E "}

js获取PC设备信息

转载：https://blog.csdn.net/qq_16559905/article/details/51746330

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <title> 获取PC设备信息 </title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
        <meta name="Generator" content="EditPlus">
        <meta name="Author" content="">
        <meta name="Keywords" content="">
        <meta charset="utf-8" />
        <meta name="Description" content="">

        <script id=clientEventHandlersJS language=javascript>
            /******************************************下为浏览器信息************************************************/
            //获取浏览器相关信息
            function allinfo() {
                var appName = navigator.appName; //浏览器的正式名称
                var appVersion = navigator.appVersion; //浏览器的版本号
                var cookieEnabled = navigator.cookieEnabled; // 返回用户浏览器是否启用了cookie
                var cpuClass = navigator.cpuClass; //返回用户计算机的cpu的型号，通常intel芯片返回"x86"（火狐没有）

                var mimeType = navigator.mimeTypes; // 浏览器支持的所有MIME类型的数组
                var platform = navigator.platform; // 浏览器正在运行的操作系统平台，包括Win16(windows3.x)  
                //   Win32(windows98,Me,NT,2000,xp),Mac68K(Macintosh 680x0)
                //     和ＭacPPC(Macintosh PowerPC)
                var plugins = navigator.plugins; //  安装在浏览器上的所有插件的数组
                var userLanguage = navigator.userLanguage; // 用户在自己的操作系统上设置的语言（火狐没有）
                var userAgent = navigator.userAgent; //包含以下属性中所有或一部分的字符串：appCodeName,appName,appVersion,language,platform
                var systemLanguage = navigator.systemLanguage; // 用户操作系统支持的默认语言（火狐没有）

                var info = "<table border=1>";
                var type = "";
                if (isIe()) {
                    type = "IE浏览器";
                } else if (isFireFox()) {
                    type = "火狐浏览器";
                }
                info += "<tr><td>浏览器类型：</td><td>" + type + "</td></tr>";

                info += "<tr><td>浏览器属性信息：</td><td>" + userAgent + "</td></tr>";
                info += "<tr><td>浏览器的正式名称：</td><td>" + appName + "</td></tr>";
                info += "<tr><td>浏览器的版本号：</td><td>" + appVersion + "</td></tr>";
                info += "<tr><td>浏览器的是否启用了cookie：</td><td>" + cookieEnabled + "</td></tr>";
                info += "<tr><td>cpu等级：</td><td>" + cpuClass + "</td></tr>";
                info += "<tr><td>浏览器的MIME类型：</td><td>" + mimeType.length + "</td></tr>";
                info += "<tr><td>系统平台：</td><td>" + platform + "</td></tr>";
                info += "<tr><td>安装的插件：</td><td>" + plugins + "</td></tr>";
                info += "<tr><td>插件的数量：</td><td>" + plugins.length + "</td></tr>";
                info += "<tr><td>插件的名称：</td><td>" + getPluginName() + "</td></tr>";
                info += "<tr><td>用户设置的操作系统语言：</td><td>" + userLanguage + "</td></tr>";
                info += "<tr><td>操作系统支持的默认语言：</td><td>" + systemLanguage + "</td></tr>";
                info += "<tr><td>Director：</td><td>" + checkePlugs("Director") + "</td></tr>";
                info += "<tr><td>javaEnabled：</td><td>" + navigator.javaEnabled() + "</td></tr>";
                info += "<tr><td>是否有quickTime：</td><td>" + checkePlugs("QuickTime") + "</td></tr>";
                info += "<tr><td>flash插件情况：</td><td>" + checkePlugs('Shockwave Flash') + "</td></tr>";
                info += "<tr><td>是否有MediaPlayer：</td><td>" + checkePlugs("MediaPlayer") + "</td></tr>";
                info += "<tr><td>是否有realPlayer:</td><td>" + checkePlugs("RealPlayer") + "</td></tr>";
                info += "<tr><td>屏幕分辨率高度：</td><td>" + window.screen.height + "</td></tr>";
                info += "<tr><td>屏幕分辨率宽度：</td><td>" + window.screen.width + "</td></tr>";
                info += "<tr><td>颜色质量：</td><td>" + window.screen.colorDepth + "位</td></tr>";
                info += "<tr><td>像素：</td><td>" + window.screen.deviceXDPI + "像素/英寸</td></tr>";
                info += "<tr><td>字体是否平滑：</td><td>" + window.screen.fontSmoothingEnabled + "</td></tr>";
                //info += "<tr><td>规定浏览器是否启用数据污点：</td><td>" + navigator.taintEnabled() + "</td></tr>";
                info += "</table>";
                document.getElementById("elInfo").innerHTML = info;
                return info;

                //director

                var appCodeName = navigator.appCodeName; //与浏览器相关的内部代码名
                var appMinorVersion = navigator.appMinorVersion; //辅版本号（通常应用于浏览器的补丁或服务包)

                var language = navigator.language; //浏览器支持的语言 （IE没有）

                var onLine = navigator.onLine; //返回浏览器是否处于在线模式（IE4以上版本）

                var opsProfile = navigator.opsProfile; // 未定义   （IE、火狐没有）

                var oscpu = navigator.oscpu; //浏览器正在运行的操作系统，其中可能有CPU的信息（IE没有）

                var product = navigator.product; // 浏览器的产品名（IE没有）

                var productSub = navigator.productSub; //关于浏览器更多信息（IE没有）

                var securityPolicy = navigator.securityPolicy; // 浏览器支持的加密类型（IE没有）

                var userProfile = navigator.userProfile; //  返回一个UserProfile对象，它存储用户的个人信息（火狐没有）

                var vender = navigator.vender; // 浏览器厂商名称（IE、火狐没有）

                var vendorSub = navigator.vendorSub; // 关于浏览器厂商更多的信息  

            }
            //获取插件所有的名称
            function getPluginName() {
                var info = "";
                var plugins = navigator.plugins;
                if (plugins.length > 0) {
                    for (i = 0; i < navigator.plugins.length; i++) {
                        info += navigator.plugins[i].name + ";";
                    }
                }
                return info;
            }
            //检查是否安装了某插件，如果安装了返回版本号
            function checkePlugs(pluginname) {
                var f = "-"
                var plugins = navigator.plugins;
                if (plugins.length > 0) {
                    for (i = 0; i < navigator.plugins.length; i++) {
                        if (navigator.plugins[i].name.indexOf(pluginname) >= 0) {
                            f = navigator.plugins[i].description.split(pluginname)[1];
                            return f;
                            break;
                        }
                    }
                }
                return false;
            }
            //判断是否IE
            function isIe() {
                var i = navigator.userAgent.toLowerCase().indexOf("msie");
                return i >= 0;
            }
            //判断是否firefox
            function isFireFox() {
                var i = navigator.userAgent.toLowerCase().indexOf("firefox");
                return i >= 0;
            }





            /******************************************以上为浏览器信息，以下为pc信息************************************************/
            var locator = new ActiveXObject("WbemScripting.SWbemLocator");
            var service = locator.ConnectServer(".");

            function cpuInfo() { //CPU 信息  
                var properties = service.ExecQuery("SELECT * FROM Win32_Processor");
                var e = new Enumerator(properties);
                var info = "<table border=1>";
                info += "<tr  bgcolor='#CDEDED' style='font-weight: bold;' ><td width='450' >CPU 信息</td></tr>";
                for (; !e.atEnd(); e.moveNext()) {
                    var p = e.item();
                    info += "<tr style='color: red'><td >CPU序列号:" + p.ProcessorID + "</td></tr>";
                    info += "<tr><td >" + p.Caption + "</td></tr>";
                    info += "<tr><td >CPU编号：" + p.DeviceID + "</td></tr>";
                    info += "<tr><td >CPU型号：" + p.Name + "</td></tr>";
                    info += "<tr><td >CPU状态：" + p.CpuStatus + "</td></tr>";
                    info += "<tr><td >CPU可用性：" + p.Availability + "</td></tr>";
                    info += "<tr><td >CUP Level：" + p.Level + "</td></tr>";
                    info += "<tr><td >主机名称：" + p.SystemName + "</td></tr>";
                    info += "<tr><td >Processor Type：" + p.ProcessorType + "</td></tr>";
                }
                info += "</table>";
                return info;
            }

            function softDisk() { //软盘信息 
                var properties = service.ExecQuery("SELECT * FROM Win32_FloppyDrive");
                var e = new Enumerator(properties);
                var info = "<table border=1>";
                info += "<tr  bgcolor='#CDEDED' style='font-weight: bold;' ><td width='450'>软盘信息</td></tr>";
                for (; !e.atEnd(); e.moveNext()) {
                    var p = e.item();
                    info += "<tr><td >" + p.Description + "</td></tr>";
                    info += "<tr><td >" + p.DeviceID + "</td></tr>";
                    info += "<tr><td >" + p.Status + "</td></tr>";
                    info += "<tr><td >" + p.Manufacuturer + "</td></tr>";
                }
                info += "</table>";
                return info;
            }

            function RomInfo() { //CD-ROM 信息 
                var properties = service.ExecQuery("SELECT * FROM Win32_CDROMDrive");
                var e = new Enumerator(properties);
                var info = "<table border=1>";
                info += "<tr bgcolor='#CDEDED' style='font-weight: bold;'><td width='450' >CD-ROM 信息 </td></tr>";
                for (; !e.atEnd(); e.moveNext()) {
                    var p = e.item();
                    info += "<tr><td >驱动器名称：" + p.Caption + "</td></tr>";
                    info += "<tr><td >描述：" + p.Description + "</td></tr>";
                    info += "<tr><td >盘符：" + p.Drive + "</td></tr>";
                    info += "<tr><td >驱动器状态：" + p.Status + "</td></tr>";
                    info += "<tr><td >是否在使用：" + p.MediaLoaded + "</td></tr>";
                }
                info += "</table>";
                return info;
            }

            function keyBoardInfo() { //键盘信息 
                var properties = service.ExecQuery("SELECT * FROM Win32_Keyboard");
                var e = new Enumerator(properties);
                var info = "<table border=1>";
                info += "<tr  bgcolor='#CDEDED' style='font-weight: bold;'><td width='450'>键盘信息 </td></tr>";
                for (; !e.atEnd(); e.moveNext()) {
                    var p = e.item();
                    info += "<tr><td >键盘描述：" + p.Description + "</td></tr>";
                    info += "<tr><td >键盘名称：" + p.Name + "</td></tr>";
                    info += "<tr><td >键盘状态：" + p.Status + "</td></tr>";
                }
                info += "</table>";
                return info;
            }

            function mainBoard() { //主板信息 
                var properties = service.ExecQuery("SELECT * FROM Win32_BaseBoard");
                var e = new Enumerator(properties);
                var info = "<table border=1>";
                info += "<tr bgcolor='#CDEDED' style='font-weight: bold;'><td width='450'>主板信息 </td></tr>";
                for (; !e.atEnd(); e.moveNext()) {
                    var p = e.item();
                    info += "<tr style='color: red'><td >主板ID：" + p.SerialNumber + "</td></tr>";
                    info += "<tr><td >" + p.HostingBoard + "</td></tr>";
                    info += "<tr><td >制造商：" + p.Manufacturer + "</td></tr>";
                    info += "<tr><td >是否开启：" + p.PoweredOn + "</td></tr>";
                    info += "<tr><td >型号：" + p.Product + "</td></tr>";
                    info += "<tr><td >版本：" + p.Version + "</td></tr>";
                }
                info += "</table>";
                return info;
            }

            function disk() { //硬盘序列号 信息
                var properties = service.ExecQuery("SELECT * FROM Win32_DiskDrive");
                var e = new Enumerator(properties);
                var info = "<table border=1>";
                info += "<tr bgcolor='#CDEDED' style='font-weight: bold;' ><td width='450'>硬盘信息 </td></tr>";
                for (; !e.atEnd(); e.moveNext()) {
                    var p = e.item();
                    info += "<tr style='color: red'><td >硬盘序列号：" + p.signature + "</td></tr>";
                }
                info += "</table>";
                return info;
            }
            //获取Ram信息
            function raminfo() {
                var system = new Enumerator(service.ExecQuery("SELECT * FROM Win32_ComputerSystem")).item();

                var physicMenCap = Math.ceil(system.TotalPhysicalMemory / 1024 / 1024);
                //内存信息 
                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 info = "<table border=1>";
                info += "<tr bgcolor='#CDEDED' style='font-weight: bold;' ><td width='450'>内存信息 </td></tr>";
                info += "<tr style='color: red'><td >内存总量：" + (mem[0].cap + mem[1].cap) + "M</td></tr>";
                info += "<tr style='color: red'><td >可用物理内存：" + physicMenCap + "M</td></tr>";
                info += "</table>";
                return info;
            }

            //获取网络连接信息
            function ipinfo() {

                var properties = service.ExecQuery("SELECT * FROM Win32_NetworkAdapterConfiguration Where IPEnabled=TRUE");
                var e = new Enumerator(properties);
                var info = "<table border=1>";
                info += "<tr bgcolor='#CDEDED' style='font-weight: bold;' ><td width='450'>网络连接信息：</td></tr>";
                var i = 1;
                for (; !e.atEnd(); e.moveNext()) {
                    var p = e.item();
                    info += "<tr style='color: red'><td >MAC地址" + i + "：" + p.MACAddress + "</td></tr>";
                    info += "<tr style='color: red'><td >IP地址" + i + "：" + p.IPAddress(0) + "</td></tr>";
                    i++;
                }
                info += "</table>";
                return info;
            }

            function pcInfo() { //所有信息 

                var info = cpuInfo();
                info += disk();
                info += raminfo();
                info += mainBoard();
                info += ipinfo();
                info += keyBoardInfo();
                info += RomInfo();
                info += softDisk();

                document.getElementById('elInfo').innerHTML = info;
                return info;
            }


            /******************************************以上为pc信息************************************************/
        </script>

    </head>

    <body>

        <INPUT id="Button1" type="button" value="浏览器所有信息" name="Button1" language=javascript onclick="allinfo()">

        <INPUT id="Button1" type="button" value="客户端pc信息" name="Button1" language=javascript onclick="pcInfo()">

        <div id="elInfo">

        </div>
    </body>

</html>

结果

浏览器类型：
浏览器属性信息：	Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.104 Safari/537.36
浏览器的正式名称：	Netscape
浏览器的版本号：	5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.104 Safari/537.36
浏览器的是否启用了cookie：	true
cpu等级：	undefined
浏览器的MIME类型：	4
系统平台：	Win32
安装的插件：	[object PluginArray]
插件的数量：	3
插件的名称：	Chrome PDF Plugin;Chrome PDF Viewer;Native Client;
用户设置的操作系统语言：	undefined
操作系统支持的默认语言：	undefined
Director：	false
javaEnabled：	false
是否有quickTime：	false
flash插件情况：	false
是否有MediaPlayer：	false
是否有realPlayer:	false
屏幕分辨率高度：	1080
屏幕分辨率宽度：	1920
颜色质量：	24位
像素：	undefined像素/英寸
字体是否平滑：	undefined

js获取手机设备信息

参考1：https://www.cnblogs.com/moluxi/p/14299089.html

参考2：https://www.jb51.net/article/136197.htm

参考3：https://www.cnblogs.com/liuerpeng/p/13151914.html

这里用到了一个mobile-detect.js插件，基本可以实现我们需要的参数

下载地址：

https://github.com/hgoebl/mobile-detect.js/

文档地址：

http://hgoebl.github.io/mobile-detect.js/doc/MobileDetect.html

cnd地址：

https://cdn.jsdelivr.net/npm/mobile-detect@1.4.4/mobile-detect.min.js

<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title> 获取设备信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <meta name="Generator" content="EditPlus">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta charset="utf-8" />
    <meta name="Description" content="">



</head>

<body>

    <script>
        /* 版本信息获取 */
        // 各主流浏览器
        var getBrowser = function () {
            var u = navigator.userAgent
            var bws = [{
                name: 'sgssapp',
                it: /sogousearch/i.test(u)
            }, {
                name: 'wechat',
                it: /MicroMessenger/i.test(u)
            }, {
                name: 'weibo',
                it: !!u.match(/Weibo/i)
            }, {
                name: 'uc',
                it: !!u.match(/UCBrowser/i) || u.indexOf(' UBrowser') > -1
            }, {
                name: 'sogou',
                it: u.indexOf('MetaSr') > -1 || u.indexOf('Sogou') > -1
            }, {
                name: 'xiaomi',
                it: u.indexOf('MiuiBrowser') > -1
            }, {
                name: 'baidu',
                it: u.indexOf('Baidu') > -1 || u.indexOf('BIDUBrowser') > -1
            }, {
                name: '360',
                it: u.indexOf('360EE') > -1 || u.indexOf('360SE') > -1
            }, {
                name: '2345',
                it: u.indexOf('2345Explorer') > -1
            }, {
                name: 'edge',
                it: u.indexOf('Edge') > -1
            }, {
                name: 'ie11',
                it: u.indexOf('Trident') > -1 && u.indexOf('rv:11.0') > -1
            }, {
                name: 'ie',
                it: u.indexOf('compatible') > -1 && u.indexOf('MSIE') > -1
            }, {
                name: 'firefox',
                it: u.indexOf('Firefox') > -1
            }, {
                name: 'safari',
                it: u.indexOf('Safari') > -1 && u.indexOf('Chrome') === -1
            }, {
                name: 'qqbrowser',
                it: u.indexOf('MQQBrowser') > -1 && u.indexOf(' QQ') === -1
            }, {
                name: 'qq',
                it: u.indexOf('QQ') > -1
            }, {
                name: 'chrome',
                it: u.indexOf('Chrome') > -1 || u.indexOf('CriOS') > -1
            }, {
                name: 'opera',
                it: u.indexOf('Opera') > -1 || u.indexOf('OPR') > -1
            }]
            for (var i = 0; i < bws.length; i++) {
                if (bws[i].it) {
                    return bws[i].name
                }
            }

            return 'other'
        };
        // 系统区分
        var getOS = function () {
            var u = navigator.userAgent
            if (!!u.match(/compatible/i) || u.match(/Windows/i)) {
                return 'windows'
            } else if (!!u.match(/Macintosh/i) || u.match(/MacIntel/i)) {
                return 'macOS'
            } else if (!!u.match(/iphone/i) || u.match(/Ipad/i)) {
                return 'ios'
            } else if (u.match(/android/i)) {
                return 'android'
            } else if (u.match(/Ubuntu/i)) {
                return 'Ubuntu'
            } else {
                return 'other'
            }
        };
        var isEquipment = function () {
            let UA = navigator.userAgent,
                isAndroid = /android|adr|linux/gi.test(UA),
                isIOS = /iphone|ipod|ipad/gi.test(UA) && !isAndroid,
                isBlackBerry = /BlackBerry/i.test(UA),
                isWindowPhone = /IEMobile/i.test(UA),
                isMobile = isAndroid || isIOS || isBlackBerry || isWindowPhone;
            return {
                isAndroid: isAndroid,
                isIOS: isIOS,
                isMobile: isMobile,
                isWeixin: /MicroMessenger/gi.test(UA),
                isQQ: /QQ/gi.test(UA),
                isPC: !isMobile,
                isWeibo: /WeiBo/gi.test(UA)
            }
        };
        document.write("<hr>信息:" + JSON.stringify(isEquipment()));
    </script>

    <!-- <script src="https://cdn.jsdelivr.net/npm/mobile-detect@1.4.4/mobile-detect.min.js"></script> -->
    <script src="./js/mobile-detect.min.js"></script>
    <script>
        //判断数组中是否包含某字符串
        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信息
        // document.write(device_type); //打印到页面
        var md = new MobileDetect(device_type); //初始化mobile-detect
        var os = md.os(); //获取系统
        console.log(os)
        var model = "";
        if (os == "iOS") { //ios系统的处理
            os = +md.version("iPhone");
            console.log(os)
            model = md.mobile();
        } 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/"));
            }
        }
        //alert(os + "---" + model);//打印系统版本和手机型号
        //console.log(model + '||' + os, '打印系统版本和手机型号')
        document.write("浏览器:" + getBrowser());
        document.write("<hr>");
        document.write("系统区分:" + getOS());
        document.write("<hr>移动设备信息:" + model + '||' + os+'打印系统版本和手机型号');
        // 获取手机类型结束
    </script>
</body>

</html>

结果

信息:{"isAndroid":false,"isIOS":true,"isMobile":true,"isWeixin":false,"isQQ":false,"isPC":false,"isWeibo":false} 浏览器:safari

系统区分:ios

移动设备信息:iPhone||13.23打印系统版本和手机型号

浏览器:wechat
系统区分:ios
信息:{"isAndroid":false,"isIOS":true,"isMobile":true,"isWeixin":true,"isQQ":false,"isPC":false,"isWeibo":false}
移动设备信息:iPhone||14.2打印系统版本和手机型号