vue h5页面获取手机设备信息

1、获取手机信息

这个是我在谷歌上调试的结果，能成功获取记录信息。

2、那么上代码

1、安装插件

npm install device-detector-js，具体信息去npm上查找，这里按照流程，安装完直接使用就玩了，原理就是解析 window.navigator.userAgent的内容

2、代码

import DeviceDetector from "device-detector-js";
methods:{mobileInfoInit() {// 设备信息const deviceDetector = new DeviceDetector();const userAgent = window.navigator.userAgent;let device = deviceDetector.parse(userAgent);console.log(device)}
}

复制代码
打印出来就完事了

3、避坑

1、npm vue-device-detector --save

使用的使用vivo手机打不开页面。。。。。。

2、这个方法

https://cdn.jsdelivr.net/npm/mobile-detect@1.4.4/mobile-detect.min.js">
我遇到的是埋点请求只能在苹果机上有效果，其他机型直接忽略请求

vue h5页面获取手机设备信息相关推荐

js获取PC设备信息,js获取手机设备信息,最全
获取设备系统和型号<封装方法> <!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu ...
Android中获取手机设备信息、RAM、ROM存储信息，如宽、高、厂商名、手机品牌
借鉴:https://www.jianshu.com/p/ca869aa2fd72 今天有两个工具类总结,代码里都有注释,直接看代码. 一.首先第一个,主要获取手机设备信息DeviceInfoUtil ...
android 安卓APP获取手机设备信息和手机号码的代码示例
下面我从安卓开发的角度,简单写一下如何获取手机设备信息和手机号码准备条件:一部安卓手机.手机SIM卡确保插入手机里.eclipse ADT和android-sdk开发环境第一步:新建一个andro ...
android app 手机号码,android 安卓APP获取手机设备信息和手机号码的代码示例 .
下面我从安卓开发的角度,简单写一下如何获取手机设备信息和手机号码准备条件:一部安卓手机.手机SIM卡确保插入手机里.eclipse ADT和android-sdk开发环境第一步:新建一个andro ...
android app 手机号码,android 安卓APP获取手机设备信息和手机号码的代码示例
下面我从安卓开发的角度,简单写一下如何获取手机设备信息和手机号码准备条件:一部安卓手机.手机SIM卡确保插入手机里.eclipse ADT和android-sdk开发环境第一步:新建一个andro ...
如何获取手机设备信息和手机号码
下面我从安卓开发的角度,简单写一下如何获取手机设备信息和手机号码准备条件:一部安卓手机.手机SIM卡确保插入手机里.eclipse ADT和Android-sdk开发环境第一步:新建一个andro ...
html5 手机消息,H5获取手机设备信息、app版本信息、ip地址
获取手机设备的相关信息,如IMEI.IMSI.型号.厂商等.通过plus.device获取设备信息管理对象. 获取当前运行环境信息.与其它程序进行通讯等.通过plus.runtime可获取运行环境管理 ...
php 获取手机设备id,H5获取手机设备信息、app版本信息、ip地址
获取手机设备的相关信息,如IMEI.IMSI.型号.厂商等.通过plus.device获取设备信息管理对象. 获取当前运行环境信息.与其它程序进行通讯等.通过plus.runtime可获取运行环境管理 ...
php获取手机设备信息,H5获取手机设备信息、app版本信息、ip地址
获取手机设备的相关信息,如IMEI.IMSI.型号.厂商等.通过plus.device获取设备信息管理对象. 获取当前运行环境信息.与其它程序进行通讯等.通过plus.runtime可获取运行环境管理 ...