Device.js 是一个能够让你检测装备的平台，操作系统和方向 JavaScript 库，它会自动在 <html> 标签增加一些装备平台，操作系统，方向相干的 CSS class，如许就能让你针对差别装备撰写差别的 CSS，而且还供应一些 Javascript 函数来推断装备。
Device.js 经由过程操作系统（比方 iOS，安卓，黑莓，Windows，Firefox OX），方向（横屏或许竖屏），范例（平板或许挪动装备），如下面在 iPhone 上的阅读的时刻在 <html> 增加的 CSS Class：
支撑的装备
- iOS: iPhone, iPod, iPad
- Android: Phones & Tablets
- Blackberry: Phones & Tablets
- Windows: Phones & Tablets
- Firefox OS: Phones & Tablets
怎样运用
Device.js 运用异常简朴，只需要在页面的 head 载入相干的 JS 库即可：
<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.js
via wpjam
