vue移动端开发时 ， 客户端如何判断当前设备是Android还是IOS
本次的demo ， 实现客户端在页面开始渲染时 ， 自动获取当前的移动设备的类型 ， 如：是 android 还是 iphone 。
1. 这里我们会用到：
navigator.userAgent.toLowerCase()
navigator 对象包含了浏览器的相关信息 ， 我们通过navigator 对象里边的 userAgent 对象的toLowerCase()方法 ， 可以获取到当前 浏览器的内核 ， 浏览器的版本 ， 系统平台等信息
如图：
因此 ， 在页面开发时 ， 我们可以利用 navigator.userAgent.toLowerCase() ， 来判断当前设备是android 还是 iphone ， 进而根据设备类型做区别的跳转 。
2. demo相关代码如下：
2.1 vue的template块和data需要声明的属性：

本文插图
2.2 methods 块的代码(声明相关方法)：

本文插图
2.3 mounted块的代码(当然 ， 你也可以在created生命周期调用getUserAgent )：
2.4 demo效果：
项目启动时 ， 页面渲染 ， 调用了methods中声明的getUserAgent函数 ，
获取到了当期浏览器的相关信息 ， 进而判断当前设备是 android 还是 iphone 。
【埃尔法哥哥vue移动端开发时，客户端如何判断当前设备是Android还是IOS】a. 浏览器调试页面为android时：

本文插图
当点击 点我时 触发了methods中的 juMToMore 函数 ，
因为当前设备是android ， 所以进入处理安卓的代码块里边

本文插图
b. 浏览器调试页面切换成iphone时：

本文插图

• 埃尔法哥哥万物互联的5G时代，将会给我们的生活带来哪些变化？
• 埃尔法哥哥我学python的一点感受
• 埃尔法哥哥使用哪种编程语言的开发人员最幸福？
• 埃尔法哥哥还可以做扫地机器人啊，自动驾驶不做了
• 埃尔法哥哥短期内难以找到替代华为海思的客户，寒武纪交出上交所答卷
• 埃尔法哥哥人工智能与人类的未来
• 爱搞事的瑞哥哥5G最具性价比手机，华为再次发力！荣耀X10成为标杆
• 牛牛侃天下嫂子卖掉嫁妆养他，结果养出位超级富豪，父亲去世后哥哥辍学打工
• 埃尔法哥哥Arvind Krishna全球首秀，IBM新CEO
• 埃尔法哥哥请大胆地告诉面试官缓存的来龙去脉