一聚教程网:一个值得你收藏的教程网站

热门教程

device.js检测移动设备实现手机版网页跳转

时间:2022-06-25 17:47:40 编辑:袖梨 来源:一聚教程网

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寸以上);

补充

 

生成的 CSS Class:

 

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

 

相关的 Javascript 函数

 

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()

热门栏目