Device.js——检测设备平台、操作系统的Javascript 库
生活随笔
收集整理的這篇文章主要介紹了
Device.js——检测设备平台、操作系统的Javascript 库
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
http://segmentfault.com/a/1190000000373735
?
Device.js 是一個(gè)可以讓你檢測(cè)設(shè)備的平臺(tái)，操作系統(tǒng)和方向 JavaScript 庫(kù)，它會(huì)自動(dòng)在?<html>?標(biāo)簽添加一些設(shè)備平臺(tái)，操作系統(tǒng)，方向相關(guān)的 CSS class，這樣就能讓你針對(duì)不同設(shè)備撰寫不同的 CSS，并且還提供一些 Javascript 函數(shù)來(lái)判斷設(shè)備。
Device.js 通過操作系統(tǒng)（比如 iOS，安卓，黑莓，Windows，Firefox OX），方向（橫屏或者豎屏），類型（平板或者移動(dòng)設(shè)備），如下面在 iPhone 上的瀏覽的時(shí)候在?<html>?添加的 CSS Class：
支持的設(shè)備
- iOS: iPhone, iPod, iPad
- Android: Phones & Tablets
- Blackberry: Phones & Tablets
- Windows: Phones & Tablets
- Firefox OS: Phones & Tablets
如何使用
Device.js 使用非常簡(jiǎn)單，只需要在頁(yè)面的 head 載入相關(guān)的 JS 庫(kù)即可：
<script src="device.js"></script>生成的 CSS Class：
| 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 |
| Landscape | landscape |
| Portrait | portrait |
相關(guān)的 Javascript 函數(shù)
| 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() |
| Landscape | device.landscape() |
| Portrait | device.portrait() |
項(xiàng)目主頁(yè)：Device.js
?
https://github.com/matthewhudson/device.js
?
?
《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀總結(jié)
以上是生活随笔為你收集整理的Device.js——检测设备平台、操作系统的Javascript 库的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： sudo及其配置文件sudoers
- 下一篇： 30道四则运算题目---课堂作业--软件