摘要:是一个可以让你检测设备的平台,操作系统和方向库,它会自动在标签添加一些设备平台,操作系统,方向相关的,这样就能让你针对不同设备撰写不同的,并且还提供一些函数来判断设备。
Device.js 是一个可以让你检测设备的平台,操作系统和方向 JavaScript 库,它会自动在 标签添加一些设备平台,操作系统,方向相关的 CSS class,这样就能让你针对不同设备撰写不同的 CSS,并且还提供一些 Javascript 函数来判断设备。
Device.js 通过操作系统(比如 iOS,安卓,黑莓,Windows,Firefox OX),方向(横屏或者竖屏),类型(平板或者移动设备),如下面在 iPhone 上的浏览的时候在 添加的 CSS Class:
支持的设备iOS: iPhone, iPod, iPad
Android: Phones & Tablets
Blackberry: Phones & Tablets
Windows: Phones & Tablets
Firefox OS: Phones & Tablets
如何使用Device.js 使用非常简单,只需要在页面的 head 载入相关的 JS 库即可:
生成的 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 |
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() |
项目主页:Device.js
via wpjam
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/87440.html
摘要:的地址是一个可以用来检测设备的平台操作系统和方向的库。通过操作系统比如,安卓,黑莓,,,方向横屏或者竖屏,类型平板或者移动设备,来为设备添加并且它还提供了一些函数用来判断设备。比如在端打开引入了的页面时会在标签里添加的。 decice.js的github地址 device.js是一个可以用来检测设备的平台、操作系统和方向的JavaScript库。device.js 通过操作系统(比如 ...
摘要:的地址是一个可以用来检测设备的平台操作系统和方向的库。通过操作系统比如,安卓,黑莓,,,方向横屏或者竖屏,类型平板或者移动设备,来为设备添加并且它还提供了一些函数用来判断设备。比如在端打开引入了的页面时会在标签里添加的。 decice.js的github地址 device.js是一个可以用来检测设备的平台、操作系统和方向的JavaScript库。device.js 通过操作系统(比如 ...
摘要:水一篇,在之染是什么问题中长答案的整理简单讲就是可以让你用丰富的前端经验写移动应用的东西。第二个是上用于使一个对象可以在中被访问,并调用其方法。但网页界面的性能就没什么好办法了至少我没有。。。 水一篇,在 黒之染:Cordova是什么? 问题中长答案的整理: 简单讲就是可以让你用丰富的前端经验写移动应用的东西。 它不会把你的前端页面变成 ios 原生的 objective-c 或者...
摘要:主张,小而美被实践是最好用的,本文将介绍笔者收集的一些非常赞的开源库。是带有消息通知的数据中心,我称其为会说话的数据。迷你检查库,这个几乎涵盖了全部的各种检测。最后向大家推荐依稀,这里收集了太多小而美的库,自己来淘宝吧。 最近看着下自己的github star,把我吓坏了,手贱党,收藏癖的我都收藏了300+个仓库了,是时候整理一下了。 Unix主张kiss,小而美被实践是最好用的,本文...
摘要:这里介绍使用插件来判断移动端设备地址示例移动端地址移动端端地址端更多设备判断如下表格可以使用冒号来定义对齐方式移动端设备方向判断有公众号啦欢迎关注,不定期推荐前端技术 这里介绍使用device.js插件来判断移动端设备 地址:https://github.com/matthewhud... 示例: if(device.mobile()){ window.location.hr...
阅读 3049·2021-11-24 10:34
阅读 3305·2021-11-22 13:53
阅读 2602·2021-11-22 12:03
阅读 3587·2021-09-26 09:47
阅读 2993·2021-09-23 11:21
阅读 4705·2021-09-22 15:08
阅读 3270·2021-07-23 10:59
阅读 1243·2019-08-29 18:31