成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

一個(gè)更容易檢測設(shè)備的JavaScript庫——device.js

JeOam / 2195人閱讀

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

decice.js的github地址

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

device支持的設(shè)備

iOS: iPhone, iPod, iPad

Android: Phones & Tablets

Blackberry: Phones & Tablets

Windows: Phones & Tablets

Firefox OS: Phones & Tablets

device.js的使用

直接在html頁面的頭部引入即可使用：
根據(jù)設(shè)備的不同生成的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
根據(jù)方向的不同生成的CSS 
**Orientation**     **CSS Classes**

Landscape             landscape

Portrait              portrait
相關(guān)的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()

通常情況下，我們?yōu)榱耸鬼撁嬖诓煌直媛实脑O(shè)備上展示出不同的效果，會使用CSS3的 @media屬性來實(shí)現(xiàn)，但如果我們想在 PC端和 mobile端展示兩個(gè)不同的頁面，使用device.js 就會方便很多，首先用它來檢測設(shè)備，然后再在不同的設(shè)備上打開不同的頁面。
假設(shè)有個(gè)項(xiàng)目，我們想讓它在手機(jī)上打開的頁面為 m.html,在電腦上打開的頁面為 desk.html,這個(gè)時(shí)候我們就可以用device.js來實(shí)現(xiàn)，代碼如下：




    
    device.js的使用

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

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

相關(guān)文章

  • 一個(gè)更容易檢測設(shè)備的JavaScript庫——device.js

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

    Ajian 評論0 收藏0

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

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

    JessYanCoding 評論0 收藏0

  • 不可錯(cuò)過的javascript迷你庫

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

    zhangqh 評論0 收藏0

  • js判斷移動(dòng)端與pc端

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

    guyan0319 評論0 收藏0

  • 前端插件庫

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

    高勝山 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<