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代碼格式化設置
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
