前言

工作中我们可能会遇到各种需求，例如：要通过前端的写的某一个页面去获取当前登录设备的信息，其实很简单，下边我就教大家如何获取！！

一、设备信息要如何获取？

这里我提供两种方案获取，根据个人习惯提取使用：

1.通过js直接获取

2.通过mobile-detect.js获取

二、使用步骤

（1）方法一

代码如下（示例）：

let webLog = {}let userAgent = navigator.userAgent// 获取微信版本let m1 = userAgent.match(/MicroMessenger.*?(?= )/)if (m1 && m1.length > 0) {webLog.wechat = m1[0]}// 苹果手机if (userAgent.includes('iPhone') || userAgent.includes('iPad')) {// 获取设备名if (userAgent.includes('iPad')) {webLog.device = 'iPad'} else {webLog.device = 'iPhone'}// 获取操作系统版本m1 = userAgent.match(/iPhone OS .*?(?= )/)if (m1 && m1.length > 0) {webLog.system = m1[0]console.log(webLog.system)}}// 安卓手机if (userAgent.includes('Android')) {// 获取设备名m1 = userAgent.match(/Android.*; ?(.*(?= Build))/)if (m1 && m1.length > 1) {webLog.device = m1[1]console.log(webLog.device)}// 获取操作系统版本m1 = userAgent.match(/Android.*?(?=;)/)if (m1 && m1.length > 0) {webLog.system = m1[0]}}

（2）方法2

1.引入库

访问：https://www.npmjs.com/ 搜索mobile-detect 并引入

2.获取数据

代码如下（示例）：

//判断数组中是否包含某字符串
Array.prototype.contains = function(needle) {for (i in this) {console.log(this[i])if (this[i].indexOf(needle) > 0)return i;}return -1;
}var device_type = navigator.userAgent;//获取userAgent信息var md = new MobileDetect(device_type);//初始化mobile-detect
var os = md.os();//获取系统
var model = "";if (os == "iOS") {//ios系统的处理os = md.os() + md.version("iPhone");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);//打印系统版本和手机型号

这样就轻轻松松拿到想要的数据了。

总结

例如：以上就是今天要讲的内容，如有疑惑或问题可以私信询问。

js获取当前设备信息相关推荐

js获取PC设备信息,js获取手机设备信息,最全
获取设备系统和型号<封装方法> <!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu ...
用JS获取移动设备信息
获取设备信息少不了的一个JS脚本就是 : mobile-detect.js ,如图第二个script链接就是mobile-detect.js的网上链接.它的官方链接我给大家放在这里了: mobile- ...
html js 获取手机设备信息（手机厂商、操作系统、浏览器信息等） mobile-detect.js
引入js <script src="https://cdn.bootcdn.net/ajax/libs/mobile-detect/1.4.5/mobile-detect.min.js ...
js获取手机设备型号，兼容h5
js获取手机设备型号,兼容h5 var brand = (window.navigator.userAgent).toLowerCase(); //获取手机型号信息,兼容h5 if (brand.in ...
python 客户端如何获取手机_Python学习---Django的request扩展[获取用户设备信息]
关于Django的request扩展[获取用户设备信息] settings.py INSTALLED_APPS = [ ... 'app01', # 注册app ] STATICFILES_DIRS ...
C# 获取USB设备信息
WMI方式 using System; using System.Management; using System.Text.RegularExpressions; using System.Coll ...
Atitit.获取主板与bios序列号获取硬件设备信息 Wmi wmic 的作用
Atitit.获取主板与bios序列号获取硬件设备信息 Wmi wmic 的作用 1 获取硬件核心基础核心基础Wmi1 2 其他资料2 3 Wmic WMI 命令行接口2 4 Atitit.获取主板 ...
Python学习---Django的request扩展[获取用户设备信息]
关于Django的request扩展[获取用户设备信息] settings.py INSTALLED_APPS = [...'app01', # 注册app ] STATICFILES_DIRS = ...
iOS开发－Object-C获取手机设备信息（UIDevice）
一.获取UiDevice设备信息 // 获取设备名称 NSString *name = [[UIDevice currentDevice] name]; // 获取设备系统名称 NSString *s ...

js获取当前设备信息

文章目录

前言

一、设备信息要如何获取？

1.通过js直接获取

2.通过mobile-detect.js获取

二、使用步骤

（1）方法一

（2）方法2

1.引入库

2.获取数据

总结

js获取当前设备信息相关推荐

最新文章

热门文章