Vue.js获取手机系统型号、版本、浏览器类型的示例代码


Posted in Javascript onMay 10, 2020

1.index.html引入

<script src="http://code.jquery.com/jquery-1.11.1.min.js">
</script>
<script src="https://cdn.jsdelivr.net/npm/mobile-detect@1.4.4/mobile-detect.min.js">
</script>

2.直接用

<script>
  
  //判断数组中是否包含某字符串
  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, '打印系统版本和手机型号')
</script>

总结

到此这篇关于Vue.js获取手机系统型号、版本、浏览器类型的示例代码的文章就介绍到这了,更多相关vue手机系统型号版本浏览器类型内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
javascript 24小时弹出一次的代码(利用cookies)
Sep 03 Javascript
有关于JS构造函数的重载和工厂方法
Apr 07 Javascript
jquery实现搜索框常见效果的方法
Jan 22 Javascript
js实现跨域的4种实用方法原理分析
Oct 29 Javascript
Bootstrap每天必学之按钮
Nov 26 Javascript
JS去除空格和换行的正则表达式(推荐)
Jun 14 Javascript
Bootstrap被封装的弹层
Jul 20 Javascript
深入理解JavaScript和TypeScript中的class
Apr 22 Javascript
vue实现与安卓、IOS交互的方法
Nov 02 Javascript
js回文数的4种判断方法示例
Jun 04 Javascript
如何在wxml中直接写js代码(wxs)
Nov 14 Javascript
用JS实现一个简单的打砖块游戏
Dec 11 Javascript
vue总线机制(bus)知识点详解
May 10 #Javascript
vue路由跳转传递参数的方式总结
May 10 #Javascript
javascript单张多张图无缝滚动实例代码
May 10 #Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
May 10 #Javascript
js实现文章目录索引导航(table of content)
May 10 #Javascript
文章或博客自动生成章节目录索引(支持三级)的实现代码
May 10 #Javascript
vue滑动吸顶及锚点定位的示例代码
May 10 #Javascript
You might like
使用字符串函数输出整数化的PHP版本号
2006/10/09 PHP
PHP原理之异常机制深入分析
2010/08/08 PHP
php防止伪造的数据从URL提交方法
2014/06/27 PHP
mouse_on_title.js
2006/08/25 Javascript
js prototype 格式化数字 By shawl.qiu
2007/04/02 Javascript
js数字输入框(包括最大值最小值限制和四舍五入)
2009/11/24 Javascript
JavaScript页面刷新与弹出窗口问题的解决方法
2010/03/02 Javascript
jquery简单瀑布流实现原理及ie8下测试代码
2013/01/23 Javascript
javascript 循环调用示例介绍
2013/11/20 Javascript
JS实现日期加减的方法
2013/11/29 Javascript
判断iframe里的页面是否加载完成
2014/06/06 Javascript
jQuery中eq()方法用法实例
2015/01/05 Javascript
js获取页面description的方法
2015/05/21 Javascript
JavaScript实现弹出DIV层同时页面背景渐变成半透明效果
2016/03/25 Javascript
js接收并转化Java中的数组对象的方法
2016/08/11 Javascript
原生js实现可拖拽效果
2017/02/28 Javascript
React操作真实DOM实现动态吸底部的示例
2017/10/23 Javascript
jQuery实现点击图标div循环放大缩小功能
2018/09/30 jQuery
BootstrapValidator验证用户名已存在(ajax)
2019/11/08 Javascript
JS实现的定时器展示简单秒表、页面弹框及跳转操作完整示例
2020/01/26 Javascript
Python version 2.7 required, which was not found in the registry
2014/08/26 Python
github配置使用指南
2014/11/18 Python
python读取各种文件数据方法解析
2018/12/29 Python
Python redis操作实例分析【连接、管道、发布和订阅等】
2019/05/16 Python
解决Python设置函数调用超时,进程卡住的问题
2019/08/08 Python
python控制台实现tab补全和清屏的例子
2019/08/20 Python
python线程中的同步问题及解决方法
2019/08/29 Python
在Matplotlib图中插入LaTex公式实例
2020/04/17 Python
Django跨域请求原理及实现代码
2020/11/14 Python
localStorage 设置过期时间的方法实现
2018/12/21 HTML / CSS
澳大利亚百货商店中销量第一的商务衬衫品牌:Van Heusen
2018/07/26 全球购物
思想政治自我鉴定
2013/10/06 职场文书
贷款委托书
2014/08/01 职场文书
初中语文教学研修日志
2015/11/13 职场文书
教师学习十八届五中全会精神心得体会
2016/01/05 职场文书
JavaScript实现简单图片切换
2021/04/29 Javascript