Device.js——檢測設(shè)備平臺、操作系統(tǒng)的Javascript 庫

JessYanCoding 發(fā)布于2019-08-21 12:06 / 1869人閱讀

摘要：是一個可以讓你檢測設(shè)備的平臺，操作系統(tǒng)和方向庫，它會自動在標簽添加一些設(shè)備平臺，操作系統(tǒng)，方向相關(guān)的，這樣就能讓你針對不同設(shè)備撰寫不同的，并且還提供一些函數(shù)來判斷設(shè)備。

Device.js 是一個可以讓你檢測設(shè)備的平臺，操作系統(tǒng)和方向 JavaScript 庫，它會自動在標簽添加一些設(shè)備平臺，操作系統(tǒng)，方向相關(guān)的 CSS class，這樣就能讓你針對不同設(shè)備撰寫不同的 CSS，并且還提供一些 Javascript 函數(shù)來判斷設(shè)備。

Device.js 通過操作系統(tǒng)（比如 iOS，安卓，黑莓，Windows，F(xiàn)irefox OX），方向（橫屏或者豎屏），類型（平板或者移動設(shè)備），如下面在 iPhone 上的瀏覽的時候在添加的 CSS Class：

支持的設(shè)備

iOS: iPhone, iPod, iPad

Android: Phones & Tablets

Blackberry: Phones & Tablets

Windows: Phones & Tablets

Firefox OS: Phones & Tablets

如何使用

Device.js 使用非常簡單，只需要在頁面的 head 載入相關(guān)的 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

相關(guān)的 Javascript 函數(shù)

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()