Device.js – 快速檢測平臺、作業系統和方向資訊

wpjam發表於2013-10-25
devJS作業系統

　　Device.js 是一個可以讓你檢測裝置的平臺，作業系統和方向 JavaScript 庫，它會自動在 <html> 標籤新增一些裝置平臺，作業系統，方向相關的 CSS class，這樣就能讓你針對不同裝置撰寫不同的 CSS，並且還提供一些 Javascript 函式來判斷裝置。

　　Device.js 通過作業系統（比如 iOS，安卓，黑莓，Windows，Firefox OX），方向（橫屏或者豎屏），型別（平板或者移動裝置），如下面在 iPhone 上的瀏覽的時候在 <html> 新增的 CSS Class：

Device.js

　支援的裝置

  • 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

相關文章