相信很多童鞋在实际开发中都会遇到需要判断设备类型来进行不同页面跳转处理,例如手机端访问移动页面,pc端访问pc页面亦或是ios和安卓扫描同一个二维码跳转至不同的下载页面。
- 有这样一种做法
当然了你可以使用device.js来快速准确完成这个操作。
device.js 是一个用于检查设备用的插件,使用它你可以很方便的判断设备的操作系统,以及设备是纵向还是横向,并且还会帮你在html上添加不同class以便你根据不同设备编写相应样式。
例如在ios浏览时会添加
不同设备会生成以下class
横竖屏class
当然也提供了相应的js函数
用法也相当简单引入device.js
这样就可以做个最基础的判断。
项目地址:
https://github.com/matthewhudson/device.js