vue移动端开发时，客户端如何判断当前设备是Android还是IOS
青春岁月共勉2020-05-10 11:17
本次的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。
a. 浏览器调试页面为android时：
当点击 点我时 触发了methods中的 juMToMore 函数，
因为当前设备是android，所以进入处理安卓的代码块里边
b. 浏览器调试页面切换成iphone时：
举报/反馈
0
0
收藏
分享
