Device.js——检测设备平台、操作系统的Javascript 库

JessYanCoding 发布于2019-08-21 12:06 / 1832人阅读

摘要：是一个可以让你检测设备的平台，操作系统和方向库，它会自动在标签添加一些设备平台，操作系统，方向相关的，这样就能让你针对不同设备撰写不同的，并且还提供一些函数来判断设备。

Device.js 是一个可以让你检测设备的平台，操作系统和方向 JavaScript 库，它会自动在标签添加一些设备平台，操作系统，方向相关的 CSS class，这样就能让你针对不同设备撰写不同的 CSS，并且还提供一些 Javascript 函数来判断设备。

Device.js 通过操作系统（比如 iOS，安卓，黑莓，Windows，Firefox 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 函数

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框架库漏洞设备管理系统云平台云设备管理平台系统

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/87440.html

一个更容易检测设备的JavaScript库——device.js

摘要：的地址是一个可以用来检测设备的平台操作系统和方向的库。通过操作系统比如，安卓，黑莓，，，方向横屏或者竖屏，类型平板或者移动设备，来为设备添加并且它还提供了一些函数用来判断设备。比如在端打开引入了的页面时会在标签里添加的。 decice.js的github地址 device.js是一个可以用来检测设备的平台、操作系统和方向的JavaScript库。device.js 通过操作系统（比如 ...

JeOam 2019-08-02 15:56 评论0 收藏0
一个更容易检测设备的JavaScript库——device.js

摘要：的地址是一个可以用来检测设备的平台操作系统和方向的库。通过操作系统比如，安卓，黑莓，，，方向横屏或者竖屏，类型平板或者移动设备，来为设备添加并且它还提供了一些函数用来判断设备。比如在端打开引入了的页面时会在标签里添加的。 decice.js的github地址 device.js是一个可以用来检测设备的平台、操作系统和方向的JavaScript库。device.js 通过操作系统（比如 ...

Ajian 2019-08-22 10:45 评论0 收藏0
Cordova 是什么

摘要：水一篇，在之染是什么问题中长答案的整理简单讲就是可以让你用丰富的前端经验写移动应用的东西。第二个是上用于使一个对象可以在中被访问，并调用其方法。但网页界面的性能就没什么好办法了至少我没有。。。水一篇，在黒之染：Cordova是什么？问题中长答案的整理：简单讲就是可以让你用丰富的前端经验写移动应用的东西。它不会把你的前端页面变成 ios 原生的 objective-c 或者...

muddyway 2019-08-19 17:50 评论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