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

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

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

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

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

支持的設備

iOS: iPhone, iPod, iPad

Android: Phones & Tablets

Blackberry: Phones & Tablets

Windows: Phones & Tablets

Firefox OS: Phones & Tablets

如何使用

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

相關的 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()

Orientation	JavaScript Method
Landscape	device.landscape()
Portrait	device.portrait()

項目主頁：Device.js

via wpjam

GPU云服務器云服務器 device.js庫檢測到目標站點存在javascript框架庫漏洞設備管理系統(tǒng)云平臺云設備管理平臺系統(tǒng)

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/87440.html

一個更容易檢測設備的JavaScript庫——device.js

摘要：的地址是一個可以用來檢測設備的平臺操作系統(tǒng)和方向的庫。通過操作系統(tǒng)比如，安卓，黑莓，，，方向橫屏或者豎屏，類型平板或者移動設備，來為設備添加并且它還提供了一些函數(shù)用來判斷設備。比如在端打開引入了的頁面時會在標簽里添加的。 decice.js的github地址 device.js是一個可以用來檢測設備的平臺、操作系統(tǒng)和方向的JavaScript庫。device.js 通過操作系統(tǒng)（比如 ...

JeOam 2019-08-02 15:56 評論0 收藏0
一個更容易檢測設備的JavaScript庫——device.js

摘要：的地址是一個可以用來檢測設備的平臺操作系統(tǒng)和方向的庫。通過操作系統(tǒng)比如，安卓，黑莓，，，方向橫屏或者豎屏，類型平板或者移動設備，來為設備添加并且它還提供了一些函數(shù)用來判斷設備。比如在端打開引入了的頁面時會在標簽里添加的。 decice.js的github地址 device.js是一個可以用來檢測設備的平臺、操作系統(tǒng)和方向的JavaScript庫。device.js 通過操作系統(tǒng)（比如 ...

Ajian 2019-08-22 10:45 評論0 收藏0
Cordova 是什么

摘要：水一篇，在之染是什么問題中長答案的整理簡單講就是可以讓你用豐富的前端經(jīng)驗寫移動應用的東西。第二個是上用于使一個對象可以在中被訪問，并調(diào)用其方法。但網(wǎng)頁界面的性能就沒什么好辦法了至少我沒有。。。水一篇，在黒之染：Cordova是什么？問題中長答案的整理：簡單講就是可以讓你用豐富的前端經(jīng)驗寫移動應用的東西。它不會把你的前端頁面變成 ios 原生的 objective-c 或者...

muddyway 2019-08-19 17:50 評論0 收藏0
不可錯過的javascript迷你庫

摘要：主張，小而美被實踐是最好用的，本文將介紹筆者收集的一些非常贊的開源庫。是帶有消息通知的數(shù)據(jù)中心，我稱其為會說話的數(shù)據(jù)。迷你檢查庫，這個幾乎涵蓋了全部的各種檢測。最后向大家推薦依稀，這里收集了太多小而美的庫，自己來淘寶吧。最近看著下自己的github star，把我嚇壞了，手賤黨，收藏癖的我都收藏了300+個倉庫了，是時候整理一下了。 Unix主張kiss，小而美被實踐是最好用的，本文...

zhangqh 2019-08-19 17:18 評論0 收藏0
js判斷移動端與pc端

摘要：這里介紹使用插件來判斷移動端設備地址示例移動端地址移動端端地址端更多設備判斷如下表格可以使用冒號來定義對齊方式移動端設備方向判斷有公眾號啦歡迎關注，不定期推薦前端技術這里介紹使用device.js插件來判斷移動端設備地址：https://github.com/matthewhud... 示例： if(device.mobile()){ window.location.hr...

guyan0319 2019-08-20 13:44 評論0 收藏0