VUE H5获取手机设备信息

LHC087

于 2022-09-21 10:35:53 发布

阅读量3.8k

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_43829905/article/details/126967805

本文介绍如何在VUE H5中利用mobile-detect插件获取手机设备信息，包括安装、引入和实际应用步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

VUE H5获取手机设备信息

mobile-detect插件官方文档传送门

1、安装 mobile-detect

npm install mobile-detect --save

2、引入

import mobileDetect from "mobile-detect"; //具体哪个页面用到单独引用

3、使用

const containsFun = (sss, needle) => {
  for (i in sss) {
    if (sss[i].indexOf(needle) > 0) return i
  }
  return -1
}
const getMobilsInfo = () => {
  let device_type = navigator.userAgent //获取userAgent信息
  let md = new mobileDetect(navigator.userAgent) //初始化mobile-detect
  let os = md.os() //获取系统
  let model = ''
  if (os == 'iOS') {
    //ios系统的处理
    os = md.os() + md.version('iPhone')
    model = md.mobile()
  } else if (os == 'AndroidOS') {

最低0.47元/天解锁文章