Device.js——检测设备平台、操做系统的Javascript 库
Device.js 是一个能够让你检测设备的平台，操做系统和方向 JavaScript 库，它会自动在 <html> 标签添加一些设备平台，操做系统，方向相关的 CSS class，这样就能让你针对不一样设备撰写不一样的 CSS，而且还提供一些 Javascript 函数来判断设备。css
Device.js 经过操做系统（好比 iOS，安卓，黑莓，Windows，Firefox OX），方向（横屏或者竖屏），类型（平板或者移动设备），以下面在 iPhone 上的浏览的时候在 <html> 添加的 CSS Class：html
支持的设备
- iOS: iPhone, iPod, iPad
- Android: Phones & Tablets
- Blackberry: Phones & Tablets
- Windows: Phones & Tablets
- Firefox OS: Phones & Tablets
如何使用
Device.js 使用很是简单，只须要在页面的 head 载入相关的 JS 库便可：android
<script src="device.js"></script>
生成的 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() |
项目主页：Device.jsios
via wpjamgit
相关文章
- 1. 设备检测工具：device.js
- 2. PC&移动平台设备检测库（平台、版本、操做系统、方向）
- 3. 一个更容易检测设备的JavaScript库——device.js
- 4. 平台检测与设备检测
- 5. javascript高级程序设计 --- 浏览器检测、操做系统检测、浏览器内核检测
- 6. [STF手机设备管理平台]链接其它操做系统上的安卓设备实操介绍
- 7. cmake 判断操做系统平台
- 8. 【干货分享】Linux操做系统自动化测试平台
- 9. 视觉检测系统，单张检测设备生产厂家
- 10. 操做系统——磁盘设备管理
- 更多相关文章...
- • 操作系统（OS）平台 统计 - 浏览器信息
- • 移动设备 统计 - 浏览器信息
- • Docker容器实战(七) - 容器眼光下的文件系统
- • IntelliJ IDEA代码格式化设置
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
欢迎关注本站公众号,获取更多信息
