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 相关文章推荐
In Javascript Class, how to call the prototype method.(three method)
Jan 09 Javascript
jQuery 技巧大全(新手入门篇)
May 12 Javascript
javascript for循环设法提高性能
Feb 24 Javascript
qq悬浮代码(兼容各个浏览器)
Jan 29 Javascript
jquery图片滚动放大代码分享(2)
Aug 28 Javascript
jQuery插件实现文件上传功能(支持拖拽)
Aug 27 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
Oct 27 Javascript
利用Three.js如何实现阴影效果实例代码
Sep 26 Javascript
微信小程序icon组件使用详解
Jan 31 Javascript
vue基于两个计算属性实现选中和全选功能示例
Feb 08 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
Feb 27 Javascript
vue postcss-px2rem 自适应布局
May 15 Vue.js
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和ACCESS写聊天室(九)
2006/10/09 PHP
如何使用php判断所处服务器操作系统的类型
2013/06/20 PHP
PHP简单的MVC框架实现方法
2015/12/01 PHP
PHP实践教程之过滤、验证、转义与密码详解
2017/07/24 PHP
php变量与字符串的增删改查操作示例
2020/05/07 PHP
用roll.js实现的图片自动滚动+鼠标触动的特效
2007/03/18 Javascript
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
2013/06/28 Javascript
JQuery的自定义事件代码,触发,绑定简单实例
2013/08/01 Javascript
七夕情人节丘比特射箭小游戏
2015/08/20 Javascript
js弹出对话框方式小结
2015/11/17 Javascript
详细总结Javascript中的焦点管理
2016/09/17 Javascript
jQuery Easyui datagrid editor为combobox时指定数据源实例
2016/12/19 Javascript
Node.js 异步异常的处理与domain模块解析
2017/05/10 Javascript
vue.js中引入vuex储存接口数据及调用的详细流程
2017/12/14 Javascript
layui 设置table 行的高度方法
2018/08/17 Javascript
Vue.js实现可编辑的表格
2019/12/11 Javascript
Python Tkinter简单布局实例教程
2014/09/03 Python
Python命令行参数解析模块optparse使用实例
2015/04/13 Python
python3+PyQt5重新实现自定义数据拖放处理
2018/04/19 Python
替换python字典中的key值方法
2018/07/06 Python
python 实现语音聊天机器人的示例代码
2018/12/02 Python
python 实现将txt文件多行合并为一行并将中间的空格去掉方法
2018/12/20 Python
django美化后台django-suit的安装配置操作
2020/07/12 Python
python json.dumps() json.dump()的区别详解
2020/07/14 Python
python实现数字炸弹游戏
2020/07/17 Python
一个非常简单好用的Python图形界面库(PysimpleGUI)
2020/12/28 Python
Python Selenium库的基本使用教程
2021/01/04 Python
利用CSS3实现的文字定时向上滚动
2016/08/29 HTML / CSS
CSS3 box-shadow属性实例详解
2020/06/19 HTML / CSS
小学数学课后反思
2014/04/23 职场文书
幼儿园教师演讲稿
2014/05/06 职场文书
应届毕业生求职简历自我评价
2015/03/02 职场文书
给病人的慰问信
2015/03/23 职场文书
校园歌手大赛主持词
2015/07/03 职场文书
公司晚宴祝酒词
2015/08/11 职场文书
java获取一个文本文件的编码(格式)信息
2022/09/23 Java/Android