_javascript获取手机sn">
devbox
小蓝xlanll
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

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

作者：小蓝xlanll | 2024-03-27 01:40:58

赞

踩

javascript获取手机sn

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

  1. <!DOCTYPE html
  2.     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <head>
  6.     <title> 获取设备信息 《封装》</title>
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
  8.     <meta name="Generator" content="EditPlus">
  9.     <meta name="Author" content="">
  10.     <meta name="Keywords" content="">
  11.     <meta charset="utf-8" />
  12.     <meta name="Description" content="">
  13.  
  14.  
  15.  
  16. </head>
  17.  
  18. <body>
  19.  
  20.  
  21.  
  22.     <!-- <script src="https://cdn.jsdelivr.net/npm/mobile-detect@1.4.4/mobile-detect.min.js"></script> -->
  23.     <script src="./js/mobile-detect.min.js"></script>
  24.     <script>
  25.  
  26.         var GetDevice = function () {
  27.  
  28.             /* 版本信息获取 */
  29.             // 各主流浏览器
  30.             var getBrowser = function () {
  31.                 var u = navigator.userAgent
  32.                 var bws = [{
  33.                     name: 'sgssapp',
  34.                     it: /sogousearch/i.test(u)
  35.                 }, {
  36.                     name: 'wechat',
  37.                     it: /MicroMessenger/i.test(u)
  38.                 }, {
  39.                     name: 'weibo',
  40.                     it: !!u.match(/Weibo/i)
  41.                 }, {
  42.                     name: 'uc',
  43.                     it: !!u.match(/UCBrowser/i) || u.indexOf(' UBrowser') > -1
  44.                 }, {
  45.                     name: 'sogou',
  46.                     it: u.indexOf('MetaSr') > -1 || u.indexOf('Sogou') > -1
  47.                 }, {
  48.                     name: 'xiaomi',
  49.                     it: u.indexOf('MiuiBrowser') > -1
  50.                 }, {
  51.                     name: 'baidu',
  52.                     it: u.indexOf('Baidu') > -1 || u.indexOf('BIDUBrowser') > -1
  53.                 }, {
  54.                     name: '360',
  55.                     it: u.indexOf('360EE') > -1 || u.indexOf('360SE') > -1
  56.                 }, {
  57.                     name: '2345',
  58.                     it: u.indexOf('2345Explorer') > -1
  59.                 }, {
  60.                     name: 'edge',
  61.                     it: u.indexOf('Edge') > -1
  62.                 }, {
  63.                     name: 'ie11',
  64.                     it: u.indexOf('Trident') > -1 && u.indexOf('rv:11.0') > -1
  65.                 }, {
  66.                     name: 'ie',
  67.                     it: u.indexOf('compatible') > -1 && u.indexOf('MSIE') > -1
  68.                 }, {
  69.                     name: 'firefox',
  70.                     it: u.indexOf('Firefox') > -1
  71.                 }, {
  72.                     name: 'safari',
  73.                     it: u.indexOf('Safari') > -1 && u.indexOf('Chrome') === -1
  74.                 }, {
  75.                     name: 'qqbrowser',
  76.                     it: u.indexOf('MQQBrowser') > -1 && u.indexOf(' QQ') === -1
  77.                 }, {
  78.                     name: 'qq',
  79.                     it: u.indexOf('QQ') > -1
  80.                 }, {
  81.                     name: 'chrome',
  82.                     it: u.indexOf('Chrome') > -1 || u.indexOf('CriOS') > -1
  83.                 }, {
  84.                     name: 'opera',
  85.                     it: u.indexOf('Opera') > -1 || u.indexOf('OPR') > -1
  86.                 }]
  87.                 for (var i = 0; i < bws.length; i++) {
  88.                     if (bws[i].it) {
  89.                         return bws[i].name
  90.                     }
  91.                 }
  92.  
  93.                 return 'other'
  94.             };
  95.             // 系统区分
  96.             var getOS = function () {
  97.                 var u = navigator.userAgent
  98.                 if (!!u.match(/compatible/i) || u.match(/Windows/i)) {
  99.                     return 'windows'
  100.                 } else if (!!u.match(/Macintosh/i) || u.match(/MacIntel/i)) {
  101.                     return 'macOS'
  102.                 } else if (!!u.match(/iphone/i) || u.match(/Ipad/i)) {
  103.                     return 'ios'
  104.                 } else if (u.match(/android/i)) {
  105.                     return 'android'
  106.                 } else if (u.match(/Ubuntu/i)) {
  107.                     return 'Ubuntu'
  108.                 } else {
  109.                     return 'other'
  110.                 }
  111.             };
  112.             //判断数组中是否包含某字符串
  113.             Array.prototype.contains = function (needle) {
  114.                 for (i in this) {
  115.                     if (this[i].indexOf(needle) > 0)
  116.                         return i;
  117.                 }
  118.                 return -1;
  119.             }
  120.  
  121.             var device_type = navigator.userAgent; //获取userAgent信息
  122.             // document.write(device_type); //打印到页面
  123.             var md = new MobileDetect(device_type); //初始化mobile-detect
  124.             var os = md.os(); //获取系统
  125.             console.log(os)
  126.             var model = "";
  127.             if (os == "iOS") { //ios系统的处理
  128.                 os = +md.version("iPhone");
  129.                 console.log(os)
  130.                 model = md.mobile();
  131.             } else if (os == "AndroidOS") { //Android系统的处理
  132.                 os = md.os() + md.version("Android");
  133.                 var sss = device_type.split(";");
  134.                 var i = sss.contains("Build/");
  135.                 if (i > -1) {
  136.                     model = sss[i].substring(0, sss[i].indexOf("Build/"));
  137.                 }
  138.             }
  139.             else {
  140.                 os = getOS();
  141.                 model = getBrowser();
  142.             }
  143.             //alert(os + "---" + model);//打印系统版本和手机型号
  144.             //console.log(model + '||' + os, '打印系统版本和手机型号')
  145.             return { "os": os, "dev": model }
  146.         }
  147.  
  148.       
  149.         document.write("<hr>设备信息:" +JSON.stringify(GetDevice()));
  150.         // 获取手机类型结束
  151.     </script>
  152. </body>
  153.  
  154. </html>

结果

PC浏览器访问

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

小米10手机访问

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

 

js获取PC设备信息

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

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4.     <head>
  5.         <title> 获取PC设备信息 </title>
  6.         <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
  7.         <meta name="Generator" content="EditPlus">
  8.         <meta name="Author" content="">
  9.         <meta name="Keywords" content="">
  10.         <meta charset="utf-8" />
  11.         <meta name="Description" content="">
  12.  
  13.         <script id=clientEventHandlersJS language=javascript>
  14.             /******************************************下为浏览器信息************************************************/
  15.             //获取浏览器相关信息
  16.             function allinfo() {
  17.                 var appName = navigator.appName; //浏览器的正式名称
  18.                 var appVersion = navigator.appVersion; //浏览器的版本号
  19.                 var cookieEnabled = navigator.cookieEnabled; // 返回用户浏览器是否启用了cookie
  20.                 var cpuClass = navigator.cpuClass; //返回用户计算机的cpu的型号，通常intel芯片返回"x86"（火狐没有）
  21.  
  22.                 var mimeType = navigator.mimeTypes; // 浏览器支持的所有MIME类型的数组
  23.                 var platform = navigator.platform; // 浏览器正在运行的操作系统平台，包括Win16(windows3.x)  
  24.                 //   Win32(windows98,Me,NT,2000,xp),Mac68K(Macintosh 680x0)
  25.                 //     和ＭacPPC(Macintosh PowerPC)
  26.                 var plugins = navigator.plugins; //  安装在浏览器上的所有插件的数组
  27.                 var userLanguage = navigator.userLanguage; // 用户在自己的操作系统上设置的语言（火狐没有）
  28.                 var userAgent = navigator.userAgent; //包含以下属性中所有或一部分的字符串：appCodeName,appName,appVersion,language,platform
  29.                 var systemLanguage = navigator.systemLanguage; // 用户操作系统支持的默认语言（火狐没有）
  30.  
  31.                 var info = "<table border=1>";
  32.                 var type = "";
  33.                 if (isIe()) {
  34.                     type = "IE浏览器";
  35.                 } else if (isFireFox()) {
  36.                     type = "火狐浏览器";
  37.                 }
  38.                 info += "<tr><td>浏览器类型：</td><td>" + type + "</td></tr>";
  39.  
  40.                 info += "<tr><td>浏览器属性信息：</td><td>" + userAgent + "</td></tr>";
  41.                 info += "<tr><td>浏览器的正式名称：</td><td>" + appName + "</td></tr>";
  42.                 info += "<tr><td>浏览器的版本号：</td><td>" + appVersion + "</td></tr>";
  43.                 info += "<tr><td>浏览器的是否启用了cookie：</td><td>" + cookieEnabled + "</td></tr>";
  44.                 info += "<tr><td>cpu等级：</td><td>" + cpuClass + "</td></tr>";
  45.                 info += "<tr><td>浏览器的MIME类型：</td><td>" + mimeType.length + "</td></tr>";
  46.                 info += "<tr><td>系统平台：</td><td>" + platform + "</td></tr>";
  47.                 info += "<tr><td>安装的插件：</td><td>" + plugins + "</td></tr>";
  48.                 info += "<tr><td>插件的数量：</td><td>" + plugins.length + "</td></tr>";
  49.                 info += "<tr><td>插件的名称：</td><td>" + getPluginName() + "</td></tr>";
  50.                 info += "<tr><td>用户设置的操作系统语言：</td><td>" + userLanguage + "</td></tr>";
  51.                 info += "<tr><td>操作系统支持的默认语言：</td><td>" + systemLanguage + "</td></tr>";
  52.                 info += "<tr><td>Director：</td><td>" + checkePlugs("Director") + "</td></tr>";
  53.                 info += "<tr><td>javaEnabled：</td><td>" + navigator.javaEnabled() + "</td></tr>";
  54.                 info += "<tr><td>是否有quickTime：</td><td>" + checkePlugs("QuickTime") + "</td></tr>";
  55.                 info += "<tr><td>flash插件情况：</td><td>" + checkePlugs('Shockwave Flash') + "</td></tr>";
  56.                 info += "<tr><td>是否有MediaPlayer：</td><td>" + checkePlugs("MediaPlayer") + "</td></tr>";
  57.                 info += "<tr><td>是否有realPlayer:</td><td>" + checkePlugs("RealPlayer") + "</td></tr>";
  58.                 info += "<tr><td>屏幕分辨率高度：</td><td>" + window.screen.height + "</td></tr>";
  59.                 info += "<tr><td>屏幕分辨率宽度：</td><td>" + window.screen.width + "</td></tr>";
  60.                 info += "<tr><td>颜色质量：</td><td>" + window.screen.colorDepth + "位</td></tr>";
  61.                 info += "<tr><td>像素：</td><td>" + window.screen.deviceXDPI + "像素/英寸</td></tr>";
  62.                 info += "<tr><td>字体是否平滑：</td><td>" + window.screen.fontSmoothingEnabled + "</td></tr>";
  63.                 //info += "<tr><td>规定浏览器是否启用数据污点：</td><td>" + navigator.taintEnabled() + "</td></tr>";
  64.                 info += "</table>";
  65.                 document.getElementById("elInfo").innerHTML = info;
  66.                 return info;
  67.  
  68.                 //director
  69.  
  70.                 var appCodeName = navigator.appCodeName; //与浏览器相关的内部代码名
  71.                 var appMinorVersion = navigator.appMinorVersion; //辅版本号（通常应用于浏览器的补丁或服务包)
  72.  
  73.                 var language = navigator.language; //浏览器支持的语言 （IE没有）
  74.  
  75.                 var onLine = navigator.onLine; //返回浏览器是否处于在线模式（IE4以上版本）
  76.  
  77.                 var opsProfile = navigator.opsProfile; // 未定义   （IE、火狐没有）
  78.  
  79.                 var oscpu = navigator.oscpu; //浏览器正在运行的操作系统，其中可能有CPU的信息（IE没有）
  80.  
  81.                 var product = navigator.product; // 浏览器的产品名（IE没有）
  82.  
  83.                 var productSub = navigator.productSub; //关于浏览器更多信息（IE没有）
  84.  
  85.                 var securityPolicy = navigator.securityPolicy; // 浏览器支持的加密类型（IE没有）
  86.  
  87.                 var userProfile = navigator.userProfile; //  返回一个UserProfile对象，它存储用户的个人信息（火狐没有）
  88.  
  89.                 var vender = navigator.vender; // 浏览器厂商名称（IE、火狐没有）
  90.  
  91.                 var vendorSub = navigator.vendorSub; // 关于浏览器厂商更多的信息  
  92.  
  93.             }
  94.             //获取插件所有的名称
  95.             function getPluginName() {
  96.                 var info = "";
  97.                 var plugins = navigator.plugins;
  98.                 if (plugins.length > 0) {
  99.                     for (i = 0; i < navigator.plugins.length; i++) {
  100.                         info += navigator.plugins[i].name + ";";
  101.                     }
  102.                 }
  103.                 return info;
  104.             }
  105.             //检查是否安装了某插件，如果安装了返回版本号
  106.             function checkePlugs(pluginname) {
  107.                 var f = "-"
  108.                 var plugins = navigator.plugins;
  109.                 if (plugins.length > 0) {
  110.                     for (i = 0; i < navigator.plugins.length; i++) {
  111.                         if (navigator.plugins[i].name.indexOf(pluginname) >= 0) {
  112.                             f = navigator.plugins[i].description.split(pluginname)[1];
  113.                             return f;
  114.                             break;
  115.                         }
  116.                     }
  117.                 }
  118.                 return false;
  119.             }
  120.             //判断是否IE
  121.             function isIe() {
  122.                 var i = navigator.userAgent.toLowerCase().indexOf("msie");
  123.                 return i >= 0;
  124.             }
  125.             //判断是否firefox
  126.             function isFireFox() {
  127.                 var i = navigator.userAgent.toLowerCase().indexOf("firefox");
  128.                 return i >= 0;
  129.             }
  130.  
  131.  
  132.  
  133.  
  134.  
  135.             /******************************************以上为浏览器信息，以下为pc信息************************************************/
  136.             var locator = new ActiveXObject("WbemScripting.SWbemLocator");
  137.             var service = locator.ConnectServer(".");
  138.  
  139.             function cpuInfo() { //CPU 信息  
  140.                 var properties = service.ExecQuery("SELECT * FROM Win32_Processor");
  141.                 var e = new Enumerator(properties);
  142.                 var info = "<table border=1>";
  143.                 info += "<tr  bgcolor='#CDEDED' style='font-weight: bold;' ><td width='450' >CPU 信息</td></tr>";
  144.                 for (; !e.atEnd(); e.moveNext()) {
  145.                     var p = e.item();
  146.                     info += "<tr style='color: red'><td >CPU序列号:" + p.ProcessorID + "</td></tr>";
  147.                     info += "<tr><td >" + p.Caption + "</td></tr>";
  148.                     info += "<tr><td >CPU编号：" + p.DeviceID + "</td></tr>";
  149.                     info += "<tr><td >CPU型号：" + p.Name + "</td></tr>";
  150.                     info += "<tr><td >CPU状态：" + p.CpuStatus + "</td></tr>";
  151.                     info += "<tr><td >CPU可用性：" + p.Availability + "</td></tr>";
  152.                     info += "<tr><td >CUP Level：" + p.Level + "</td></tr>";
  153.                     info += "<tr><td >主机名称：" + p.SystemName + "</td></tr>";
  154.                     info += "<tr><td >Processor Type：" + p.ProcessorType + "</td></tr>";
  155.                 }
  156.                 info += "</table>";
  157.                 return info;
  158.             }
  159.  
  160.             function softDisk() { //软盘信息 
  161.                 var properties = service.ExecQuery("SELECT * FROM Win32_FloppyDrive");
  162.                 var e = new Enumerator(properties);
  163.                 var info = "<table border=1>";
  164.                 info += "<tr  bgcolor='#CDEDED' style='font-weight: bold;' ><td width='450'>软盘信息</td></tr>";
  165.                 for (; !e.atEnd(); e.moveNext()) {
  166.                     var p = e.item();
  167.                     info += "<tr><td >" + p.Description + "</td></tr>";
  168.                     info += "<tr><td >" + p.DeviceID + "</td></tr>";
  169.                     info += "<tr><td >" + p.Status + "</td></tr>";
  170.                     info += "<tr><td >" + p.Manufacuturer + "</td></tr>";
  171.                 }
  172.                 info += "</table>";
  173.                 return info;
  174.             }
  175.  
  176.             function RomInfo() { //CD-ROM 信息 
  177.                 var properties = service.ExecQuery("SELECT * FROM Win32_CDROMDrive");
  178.                 var e = new Enumerator(properties);
  179.                 var info = "<table border=1>";
  180.                 info += "<tr bgcolor='#CDEDED' style='font-weight: bold;'><td width='450' >CD-ROM 信息 </td></tr>";
  181.                 for (; !e.atEnd(); e.moveNext()) {
  182.                     var p = e.item();
  183.                     info += "<tr><td >驱动器名称：" + p.Caption + "</td></tr>";
  184.                     info += "<tr><td >描述：" + p.Description + "</td></tr>";
  185.                     info += "<tr><td >盘符：" + p.Drive + "</td></tr>";
  186.                     info += "<tr><td >驱动器状态：" + p.Status + "</td></tr>";
  187.                     info += "<tr><td >是否在使用：" + p.MediaLoaded + "</td></tr>";
  188.                 }
  189.                 info += "</table>";
  190.                 return info;
  191.             }
  192.  
  193.             function keyBoardInfo() { //键盘信息 
  194.                 var properties = service.ExecQuery("SELECT * FROM Win32_Keyboard");
  195.                 var e = new Enumerator(properties);
  196.                 var info = "<table border=1>";
  197.                 info += "<tr  bgcolor='#CDEDED' style='font-weight: bold;'><td width='450'>键盘信息 </td></tr>";
  198.                 for (; !e.atEnd(); e.moveNext()) {
  199.                     var p = e.item();
  200.                     info += "<tr><td >键盘描述：" + p.Description + "</td></tr>";
  201.                     info += "<tr><td >键盘名称：" + p.Name + "</td></tr>";
  202.                     info += "<tr><td >键盘状态：" + p.Status + "</td></tr>";
  203.                 }
  204.                 info += "</table>";
  205.                 return info;
  206.             }
  207.  
  208.             function mainBoard() { //主板信息 
  209.                 var properties = service.ExecQuery("SELECT * FROM Win32_BaseBoard");
  210.                 var e = new Enumerator(properties);
  211.                 var info = "<table border=1>";
  212.                 info += "<tr bgcolor='#CDEDED' style='font-weight: bold;'><td width='450'>主板信息 </td></tr>";
  213.                 for (; !e.atEnd(); e.moveNext()) {
  214.                     var p = e.item();
  215.                     info += "<tr style='color: red'><td >主板ID：" + p.SerialNumber + "</td></tr>";
  216.                     info += "<tr><td >" + p.HostingBoard + "</td></tr>";
  217.                     info += "<tr><td >制造商：" + p.Manufacturer + "</td></tr>";
  218.                     info += "<tr><td >是否开启：" + p.PoweredOn + "</td></tr>";
  219.                     info += "<tr><td >型号：" + p.Product + "</td></tr>";
  220.                     info += "<tr><td >版本：" + p.Version + "</td></tr>";
  221.                 }
  222.                 info += "</table>";
  223.                 return info;
  224.             }
  225.  
  226.             function disk() { //硬盘序列号 信息
  227.                 var properties = service.ExecQuery("SELECT * FROM Win32_DiskDrive");
  228.                 var e = new Enumerator(properties);
  229.                 var info = "<table border=1>";
  230.                 info += "<tr bgcolor='#CDEDED' style='font-weight: bold;' ><td width='450'>硬盘信息 </td></tr>";
  231.                 for (; !e.atEnd(); e.moveNext()) {
  232.                     var p = e.item();
  233.                     info += "<tr style='color: red'><td >硬盘序列号：" + p.signature + "</td></tr>";
  234.                 }
  235.                 info += "</table>";
  236.                 return info;
  237.             }
  238.             //获取Ram信息
  239.             function raminfo() {
  240.                 var system = new Enumerator(service.ExecQuery("SELECT * FROM Win32_ComputerSystem")).item();
  241.  
  242.                 var physicMenCap = Math.ceil(system.TotalPhysicalMemory / 1024 / 1024);
  243.                 //内存信息 
  244.                 var memory = new Enumerator(service.ExecQuery("SELECT * FROM Win32_PhysicalMemory"));
  245.                 for (var mem = [], i = 0; !memory.atEnd(); memory.moveNext()) {
  246.                     mem[i++] = {
  247.                         cap: memory.item().Capacity / 1024 / 1024,
  248.                         speed: memory.item().Speed
  249.                     };
  250.                 }
  251.  
  252.                 var info = "<table border=1>";
  253.                 info += "<tr bgcolor='#CDEDED' style='font-weight: bold;' ><td width='450'>内存信息 </td></tr>";
  254.                 info += "<tr style='color: red'><td >内存总量：" + (mem[0].cap + mem[1].cap) + "M</td></tr>";
  255.                 info += "<tr style='color: red'><td >可用物理内存：" + physicMenCap + "M</td></tr>";
  256.                 info += "</table>";
  257.                 return info;
  258.             }
  259.  
  260.             //获取网络连接信息
  261.             function ipinfo() {
  262.  
  263.                 var properties = service.ExecQuery("SELECT * FROM Win32_NetworkAdapterConfiguration Where IPEnabled=TRUE");
  264.                 var e = new Enumerator(properties);
  265.                 var info = "<table border=1>";
  266.                 info += "<tr bgcolor='#CDEDED' style='font-weight: bold;' ><td width='450'>网络连接信息：</td></tr>";
  267.                 var i = 1;
  268.                 for (; !e.atEnd(); e.moveNext()) {
  269.                     var p = e.item();
  270.                     info += "<tr style='color: red'><td >MAC地址" + i + "：" + p.MACAddress + "</td></tr>";
  271.                     info += "<tr style='color: red'><td >IP地址" + i + "：" + p.IPAddress(0) + "</td></tr>";
  272.                     i++;
  273.                 }
  274.                 info += "</table>";
  275.                 return info;
  276.             }
  277.  
  278.             function pcInfo() { //所有信息 
  279.  
  280.                 var info = cpuInfo();
  281.                 info += disk();
  282.                 info += raminfo();
  283.                 info += mainBoard();
  284.                 info += ipinfo();
  285.                 info += keyBoardInfo();
  286.                 info += RomInfo();
  287.                 info += softDisk();
  288.  
  289.                 document.getElementById('elInfo').innerHTML = info;
  290.                 return info;
  291.             }
  292.  
  293.  
  294.             /******************************************以上为pc信息************************************************/
  295.         </script>
  296.  
  297.     </head>
  298.  
  299.     <body>
  300.  
  301.         <INPUT id="Button1" type="button" value="浏览器所有信息" name="Button1" language=javascript onclick="allinfo()">
  302.  
  303.         <INPUT id="Button1" type="button" value="客户端pc信息" name="Button1" language=javascript onclick="pcInfo()">
  304.  
  305.         <div id="elInfo">
  306.  
  307.         </div>
  308.     </body>
  309.  
  310. </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

  1. <!DOCTYPE html
  2.     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <head>
  6.     <title> 获取设备信息</title>
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
  8.     <meta name="Generator" content="EditPlus">
  9.     <meta name="Author" content="">
  10.     <meta name="Keywords" content="">
  11.     <meta charset="utf-8" />
  12.     <meta name="Description" content="">
  13.  
  14.  
  15.  
  16. </head>
  17.  
  18. <body>
  19.  
  20.     <script>
  21.         /* 版本信息获取 */
  22.         // 各主流浏览器
  23.         var getBrowser = function () {
  24.             var u = navigator.userAgent
  25.             var bws = [{
  26.                 name: 'sgssapp',
  27.                 it: /sogousearch/i.test(u)
  28.             }, {
  29.                 name: 'wechat',
  30.                 it: /MicroMessenger/i.test(u)
  31.             }, {
  32.                 name: 'weibo',
  33.                 it: !!u.match(/Weibo/i)
  34.             }, {
  35.                 name: 'uc',
  36.                 it: !!u.match(/UCBrowser/i) || u.indexOf(' UBrowser') > -1
  37.             }, {
  38.                 name: 'sogou',
  39.                 it: u.indexOf('MetaSr') > -1 || u.indexOf('Sogou') > -1
  40.             }, {
  41.                 name: 'xiaomi',
  42.                 it: u.indexOf('MiuiBrowser') > -1
  43.             }, {
  44.                 name: 'baidu',
  45.                 it: u.indexOf('Baidu') > -1 || u.indexOf('BIDUBrowser') > -1
  46.             }, {
  47.                 name: '360',
  48.                 it: u.indexOf('360EE') > -1 || u.indexOf('360SE') > -1
  49.             }, {
  50.                 name: '2345',
  51.                 it: u.indexOf('2345Explorer') > -1
  52.             }, {
  53.                 name: 'edge',
  54.                 it: u.indexOf('Edge') > -1
  55.             }, {
  56.                 name: 'ie11',
  57.                 it: u.indexOf('Trident') > -1 && u.indexOf('rv:11.0') > -1
  58.             }, {
  59.                 name: 'ie',
  60.                 it: u.indexOf('compatible') > -1 && u.indexOf('MSIE') > -1
  61.             }, {
  62.                 name: 'firefox',
  63.                 it: u.indexOf('Firefox') > -1
  64.             }, {
  65.                 name: 'safari',
  66.                 it: u.indexOf('Safari') > -1 && u.indexOf('Chrome') === -1
  67.             }, {
  68.                 name: 'qqbrowser',
  69.                 it: u.indexOf('MQQBrowser') > -1 && u.indexOf(' QQ') === -1
  70.             }, {
  71.                 name: 'qq',
  72.                 it: u.indexOf('QQ') > -1
  73.             }, {
  74.                 name: 'chrome',
  75.                 it: u.indexOf('Chrome') > -1 || u.indexOf('CriOS') > -1
  76.             }, {
  77.                 name: 'opera',
  78.                 it: u.indexOf('Opera') > -1 || u.indexOf('OPR') > -1
  79.             }]
  80.             for (var i = 0; i < bws.length; i++) {
  81.                 if (bws[i].it) {
  82.                     return bws[i].name
  83.                 }
  84.             }
  85.  
  86.             return 'other'
  87.         };
  88.         // 系统区分
  89.         var getOS = function () {
  90.             var u = navigator.userAgent
  91.             if (!!u.match(/compatible/i) || u.match(/Windows/i)) {
  92.                 return 'windows'
  93.             } else if (!!u.match(/Macintosh/i) || u.match(/MacIntel/i)) {
  94.                 return 'macOS'
  95.             } else if (!!u.match(/iphone/i) || u.match(/Ipad/i)) {
  96.                 return 'ios'
  97.             } else if (u.match(/android/i)) {
  98.                 return 'android'
  99.             } else if (u.match(/Ubuntu/i)) {
  100.                 return 'Ubuntu'
  101.             } else {
  102.                 return 'other'
  103.             }
  104.         };
  105.         var isEquipment = function () {
  106.             let UA = navigator.userAgent,
  107.                 isAndroid = /android|adr|linux/gi.test(UA),
  108.                 isIOS = /iphone|ipod|ipad/gi.test(UA) && !isAndroid,
  109.                 isBlackBerry = /BlackBerry/i.test(UA),
  110.                 isWindowPhone = /IEMobile/i.test(UA),
  111.                 isMobile = isAndroid || isIOS || isBlackBerry || isWindowPhone;
  112.             return {
  113.                 isAndroid: isAndroid,
  114.                 isIOS: isIOS,
  115.                 isMobile: isMobile,
  116.                 isWeixin: /MicroMessenger/gi.test(UA),
  117.                 isQQ: /QQ/gi.test(UA),
  118.                 isPC: !isMobile,
  119.                 isWeibo: /WeiBo/gi.test(UA)
  120.             }
  121.         };
  122.         document.write("<hr>信息:" + JSON.stringify(isEquipment()));
  123.     </script>
  124.  
  125.     <!-- <script src="https://cdn.jsdelivr.net/npm/mobile-detect@1.4.4/mobile-detect.min.js"></script> -->
  126.     <script src="./js/mobile-detect.min.js"></script>
  127.     <script>
  128.         //判断数组中是否包含某字符串
  129.         Array.prototype.contains = function (needle) {
  130.             for (i in this) {
  131.                 if (this[i].indexOf(needle) > 0)
  132.                     return i;
  133.             }
  134.             return -1;
  135.         }
  136.  
  137.         var device_type = navigator.userAgent; //获取userAgent信息
  138.         // document.write(device_type); //打印到页面
  139.         var md = new MobileDetect(device_type); //初始化mobile-detect
  140.         var os = md.os(); //获取系统
  141.         console.log(os)
  142.         var model = "";
  143.         if (os == "iOS") { //ios系统的处理
  144.             os = +md.version("iPhone");
  145.             console.log(os)
  146.             model = md.mobile();
  147.         } else if (os == "AndroidOS") { //Android系统的处理
  148.             os = md.os() + md.version("Android");
  149.             var sss = device_type.split(";");
  150.             var i = sss.contains("Build/");
  151.             if (i > -1) {
  152.                 model = sss[i].substring(0, sss[i].indexOf("Build/"));
  153.             }
  154.         }
  155.         //alert(os + "---" + model);//打印系统版本和手机型号
  156.         //console.log(model + '||' + os, '打印系统版本和手机型号')
  157.         document.write("浏览器:" + getBrowser());
  158.         document.write("<hr>");
  159.         document.write("系统区分:" + getOS());
  160.         document.write("<hr>移动设备信息:" + model + '||' + os+'打印系统版本和手机型号');
  161.         // 获取手机类型结束
  162.     </script>
  163. </body>
  164.  
  165. </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打印系统版本和手机型号

 

 

 

 

 

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/321026
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号