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

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

PHP教程 Css教程 操作系统 数据库 安卓下载

首页 游戏下载 软件下载 专题 资讯教程 php教程 asp.net教程 css教程 网页制作 网页特效 手机开发 办公数码
+ -
当前位置：一聚教程网 > 网页制作 > jquery

推荐专题

最新下载

热门教程

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

相关文章

热门栏目

一聚教程网| 关于我们| 联系我们| 广告合作| 友情链接| 版权声明

copyRight@2007-2022 www.111CN.NET AII Right Reserved

网站内容来自网络整理或网友投稿如有侵权行为请邮件:[email protected] 我们24小时内处理