device.js是一个用来检测设备的js库,很小但很好用,我们在做完手机版的网页的时候,往往需要进行跳转,因为用户绝大部分的时候记住的是我们网站的唯一域名,而不会去记住什么二级域名、二级目录等等,这样会增加用户成本,所以,实现动态跳转非常重要。
使用device.js检测移动设备第一步:
引入device.js文件
使用device.js检测移动设备第二步:
进行判断
device有很多方法,下面是一些常用的:
device.mobile() → 检测设备是否是手机;
device.ipad() → 检测设备是否是ipad;
device.portrait() → 检测设备是否是竖直的;
device.landscape() → 检测设备是否是水平的;
device.iphone() → 检测设备是否是苹果手机;
device.android() → 检测设备是否是安卓手机;
device.tablet() → 检测设备是否是大屏幕手机(7寸以上);
补充
Device | CSS Classes |
---|---|
iPad | ios ipad tablet |
iPhone | ios iphone mobile |
iPod | ios ipod mobile |
Android Phone | android mobile |
Android Tablet | android tablet |
BlackBerry Phone | blackberry mobile |
BlackBerry Tablet | blackberry tablet |
Windows Phone | windows mobile |
Windows Tablet | windows tablet |
Firefox OS Phone | fxos mobile |
Firefox OS Tablet | fxos tablet |
Desktop | desktop |
Orientation | CSS Classes |
---|---|
Landscape | landscape |
Portrait | portrait |
Device | JavaScript Method |
---|---|
Mobile | device.mobile() |
Tablet | device.tablet() |
iOS | device.ios() |
iPad | device.ipad() |
iPhone | device.iphone() |
iPod | device.ipod() |
Android | device.android() |
Android Phone | device.androidPhone() |
Android Tablet | device.androidTablet() |
BlackBerry | device.blackberry() |
BlackBerry Phone | device.blackberryPhone() |
BlackBerry Tablet | device.blackberryTablet() |
Windows | device.windows() |
Windows Phone | device.windowsPhone() |
Windows Tablet | device.windowsTablet() |
Firefox OS | device.fxos() |
Firefox OS Phone | device.fxosPhone() |
Firefox OS Tablet | device.fxosTablet() |
Orientation | JavaScript Method |
---|---|
Landscape | device.landscape() |
Portrait | device.portrait() |