Vue.js怎么获取手机系统型号、版本、浏览器类型

发布时间:2020-07-28 11:22:33

来源:亿速云

阅读:161

作者:小猪

这篇文章主要为大家展示了Vue.js怎么获取手机系统型号、版本、浏览器类型,内容简而易懂,希望大家可以学习一下,学习完之后肯定会有收获的,下面让小编带大家一起来看看吧。

1.index.html引入

2.直接用

//判断数组中是否包含某字符串

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, '打印系统版本和手机型号')

以上就是关于Vue.js怎么获取手机系统型号、版本、浏览器类型的内容,如果你们有学习到知识或者技能,可以把它分享出去让更多的人看到。

h5获取android手机版本,Vue.js怎么获取手机系统型号、版本、浏览器类型相关推荐

  1. vue 获取id元素,vue.js怎么获取dom元素?

    vue.js怎么获取dom元素?下面本篇文章给大家介绍一下vue.js获取dom元素的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 使用Vue.js获取dom元素 标签中添加 ...

  2. VUE.JS邮箱、手机、车牌自定义验证规则

    VUE JS邮箱与手机验证规则 // 自定义邮箱规则var checkEmail = (rule, value, callback) => {const regEmail = /^\w+@\w+ ...

  3. Vue.JS项目中二级路由下刷新浏览器仍呈现当前路由的实现方案

    1.需求介绍: 以下介绍一下实现起来没什么疑问的需求:设备列表为一个主页,点击设备列表中的编辑按钮,进入设备信息主页面,默认打开设备配置页,点击设备状态.设备日志.固件升级,会切换下方内容. 本人对以 ...

  4. Vue Grid Layout -️ 适用Vue.js的栅格布局系统(保姆级使用教程)

    目录 一. Vue Grid Layout 简介 二.vue-grid-layout 的安装与使用 三. 属性 3.1 gridItem 的必须属性 3.2 框架元素的实际宽度高度计算方式 3.3 元 ...

  5. 基于Vue.js的数据统计系统(一) - 苏依蜀黍de小木屋 - 知乎专栏

    基于Vue.js的数据统计系统(一) - 苏依蜀黍de小木屋 - 知乎专栏 基于Vue.js的数据统计系统(一) - 苏依蜀黍de小木屋 - 知乎专栏 posted on 2016-08-03 15: ...

  6. 本地H5植入Android 9.0的js交互以及H5无法请求到网络的和解决

    之前写了H5,新建assets目录,将文件拷贝导入 然后写个webviewactivity.class, package practice.lwp.app_gz_zy_sjtl;import andr ...

  7. vue根据url获取内容axios_使用Vue.js和Axios从第三方API获取数据 — SitePoint

    更多的往往不是,建立你的JavaScript应用程序时,你会想把数据从远程源或消耗一个[ API ](https:/ /恩.维基百科.org /维基/ application_programming_ ...

  8. 获取android设备唯一编号_如何获取Android设备唯一标识码教程

    ID的全称是(Virtual identity electronic identification),中文名为通用账户,是俗称的网络身份证.它是一种互联网身份认证协议,其具有唯一性和信息不可否认性.I ...

  9. 使用 ThinkJS + Vue.js 开发博客系统

    编者注:ThinkJS 作为一款 Node.js 高性能企业级 Web 框架,收到了越来越多的用户的喜爱.今天我们请来了 ThinkJS 用户 @lscho 同学为我们分享他基于 ThinkJS 开发 ...

最新文章

  1. 好系统U盘启动来说一说win10系统有必要更新到最新版本吗?
  2. Proxy + Reflect 实现 响应的数据变化
  3. python—多线程之共享数据
  4. 『号外』 排名进入3000,特致感谢!
  5. 被女孩子冷落了,最适合看的20句话
  6. stackless python初体验
  7. Android学习笔记(四九):通过Content Provider访问数据
  8. Java学习心得——整数太大的错误
  9. cydia软件路径_cydia软件包路径
  10. Origin—在曲线的每个峰值处均使用高斯函数进行拟合
  11. underfined 与 null 的区别
  12. 【线性代数】1.2矩阵的行列式与克莱姆法则
  13. 主流PHP博客系统比较
  14. C# 导出Excel文件 打开Excel文件格式与扩展名指定格式不一致。
  15. 高通三款处理器齐发布 全面死磕联发科
  16. Linux 的磁盘挂载 | 详解
  17. 知乎万赞:计算机应届生月薪大多是多少?
  18. 行业分析:中国企业网盘市场目前现状及未来发展透视
  19. 服务器部署基于chatgpt的服务
  20. 浅谈计算机操作系统ppt,win7操作系统ppt

热门文章

  1. pn532检测不到nfc设备_华为、小米又增回NFC功能,苹果却一直无NFC功能,NFC能否成为关键?...
  2. 2019年春节春晚红包大战战报!30亿!
  3. Excel如何删除合并单元格列后的空单元格
  4. 如何在Mac和Windows PC之间无线共享文件
  5. 超级计算机 人脑,世界第4超级计算机竟被人脑秒成渣,人类的大脑究竟多厉害?...
  6. 在线客服系统的功能有哪些是非常重要的?
  7. AJAX、Json介绍
  8. 轻松几步获得上万点击率(三)
  9. json文件的读与写
  10. 对合成大西瓜修改图片的实践