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

Ajian 發布于2019-08-22 10:45 / 490人閱讀

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

decice.js的github地址

device.js是一個可以用來檢測設備的平臺、操作系統和方向的JavaScript庫。device.js 通過操作系統（比如 iOS，安卓，黑莓，Windows，Firefox OX），方向（橫屏或者豎屏），類型（平板或者移動設備），來為設備添加 CSS Class,并且它還提供了一些Javascript 函數用來判斷設備。
比如在PC端打開引入了device.js的 html 頁面時會在標簽里添加"desktop landscape"的class。

device支持的設備

iOS: iPhone, iPod, iPad

Android: Phones & Tablets

Blackberry: Phones & Tablets

Windows: Phones & Tablets

Firefox OS: Phones & Tablets

device.js的使用

直接在html頁面的頭部引入即可使用：

根據設備的不同生成的CSS

**Device**            **CSS Classes**

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

MeeGo                 meego

Desktop               desktop

Television            television

根據方向的不同生成的CSS

**Orientation**     **CSS Classes**

Landscape             landscape

Portrait              portrait

相關的JavaScript方法

**Device**       **JavaScript Method**

Mobile             device.mobile()

Tablet             device.tablet()

Desktop            device.desktop()

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

MeeGo              device.meego()

Television         device.television()

**Orientation**  **JavaScript Method**

Landscape          device.landscape()

Portrait           device.portrait()

通常情況下，我們為了使頁面在不同分辨率的設備上展示出不同的效果，會使用CSS3的 @media屬性來實現，但如果我們想在 PC端和 mobile端展示兩個不同的頁面，使用device.js 就會方便很多，首先用它來檢測設備，然后再在不同的設備上打開不同的頁面。
假設有個項目，我們想讓它在手機上打開的頁面為 m.html,在電腦上打開的頁面為 desk.html,這個時候我們就可以用device.js來實現，代碼如下：




    
    device.js的使用

GPU云服務器云服務器 device.js庫檢測到目標站點存在javascript框架庫漏洞人臉檢測庫容易混淆的問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/91196.html

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

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

JeOam 2019-08-02 15:56 評論0 收藏0
Device.js——檢測設備平臺、操作系統的Javascript 庫

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

JessYanCoding 2019-08-21 12:06 評論0 收藏0
不可錯過的javascript迷你庫

摘要：主張，小而美被實踐是最好用的，本文將介紹筆者收集的一些非常贊的開源庫。是帶有消息通知的數據中心，我稱其為會說話的數據。迷你檢查庫，這個幾乎涵蓋了全部的各種檢測。最后向大家推薦依稀，這里收集了太多小而美的庫，自己來淘寶吧。最近看著下自己的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
前端插件庫

摘要：原文鏈接前端插件庫站點前端開發文檔博客前端插件庫前端插件庫官網是的函數庫，目的是強化表格操作如搜索排序，并自動加入組件引入表格中，使用非常靈活簡便。由推出，靈活扎實的建議列表函數庫。原文鏈接：前端插件庫站點：前端開發文檔博客：前端插件庫前端插件庫 DataTables 官網：https://www.datatables.net/ DataTables是jQuery的JavaScr...

高勝山 2019-08-26 13:44 評論0 收藏0